ajax返回的json如何用el处理

在现代Web开发中，Ajax已经成为了开发中不可或缺的一部分。一般情况下，在Ajax请求的时候我们会得到一个返回的JSON格式的数据，这个数据需要通过js进行处理，而Vue中使用了element-ui（以下简称el）作为UI组件库，因此需要对ajax返回的JSON数据进行处理以适配el组件使用。

//第一步：在javascript中引入el组件
import {Message} from 'element-ui';
//第二步：处理ajax返回的json格式数据
axios.get('url').then(function(response){
    if(response.data.code === 1){
        Message.success('成功！');//使用el的Message组件弹出成功提示框
    }else{
        Message.error('失败！');//使用el的Message组件弹出失败提示框
    }
}).catch(function(error){
    Message.error('请求失败！');//使用el的Message组件弹出请求失败提示框
});

在上述代码中，我们首先引入了el中Message组件，该组件可以方便地实现统一的提示框弹出效果。然后，在ajax请求成功后，我们通过判断返回的code值，来进行不同的处理。如果code为1，则说明请求成功，我们通过Message.success()方法弹出成功提示框；如果code为其他值，则说明请求失败，我们通过Message.error()方法弹出失败提示框。

需要注意的是，在上述代码中，我们是通过axios进行请求的，因此需要在javascript中引入axios库。