在这篇文章中，我们将为您详细介绍axios返回的error的处理的内容，并且讨论关于axios返回值的相关问题。此外，我们还会涉及一些关于AJAX对服务器返回的XML的处理js和jquery、ajax

在这篇文章中，我们将为您详细介绍axios 返回的 error 的处理的内容，并且讨论关于axios 返回值的相关问题。此外，我们还会涉及一些关于AJAX 对服务器返回的XML的处理js和jquery、ajax对返回的json数据的处理、axios ajax vue 封装axios get post put 等、axios 利用new FileReader() 下载文件获取返回的错误信息的知识，以帮助您更全面地了解这个主题。

本文目录一览：

• axios 返回的 error 的处理（axios 返回值）
• AJAX 对服务器返回的XML的处理js和jquery
• ajax对返回的json数据的处理
• axios ajax vue 封装axios get post put 等
• axios 利用new FileReader() 下载文件获取返回的错误信息

axios 返回的 error 的处理（axios 返回值）

引用自博客

axios.get（''/ user / 12345''）
   .catch（function（error）{
     if（error.response）{
       //请求已发出，但服务器使用状态代码进行响应
       //落在2xx的范围之外
       console.log（error.response.data）;
       console.log（error.response.status）;
       console.log（error.response.headers）;
     } else {
       //在设置触发错误的请求时发生了错误
       console.log（''Error''，error.message）;
     }}
     console.log（error.config）;
   }）;

AJAX 对服务器返回的XML的处理js和jquery

在AJAX 中，服务器端如果返回的XML 文档，则可以通过异步对象的responseXML 属性来获取器XML 数据。而开发者可以利用DOM 的相关方法对其进行处理。

假设服务器返回的XML 文档，如下所示：

<?xml version="1.0" encoding="gb2312"?>

<list>

<caption>MemberList</caption>

<member>

<name>isaac</name>

<class>W13</class>

<birth>Jun24th</birth>

<constell>Cancer</constell>

<mobile>1118159</mobile>

</member>

<member>

<name>fresheggs</name>

<class>W610</class>

<birth>Nov5th</birth>

<constell>Scorpio</constell>

<mobile>1038818</mobile>

</member>

</list>

客户端获得服务器端的该XML 数据，并将其显示在表格中。代码如下：

我们可以看到，在客户端获得XML 文件的代码如下：

<input type="button" value="获取XML" onclick="getXML('9-4.xml');">

也就是说，是直接取得XML 数据的。而实际开发中返回XML 数据的工作是通过服务器端（如：ASP.NET、JSP等）的代码动态生成的。换句话说，getXML('...') 中的文件地址应该是.aspx 或.jsp等动态页面的后缀。

使用jQuery 框架实现

如果在客户端使用jQuery 框架，实现AJAX 获得服务器端的XML数据。

代码如下：

服务器端传递XML 数据的方式不变。

ajax对返回的json数据的处理

返回的json数据如下：

<span>{"cityList":[{"create_date":"2013-09-04","cityID":"320200","modify_date":"2013-09-04","c_id":75,"father":"320000","city":"无锡市"},{"create_date":"2013-09-04","cityID":"320400","c_id":77,"city":"常州市"},"cityID":"320600","c_id":79,"city":"南通市"},"cityID":"320800","c_id":81,"city":"淮安市"},"cityID":"320900","c_id":82,"city":"盐城市"},"cityID":"321100","c_id":84,"city":"镇江市"},"cityID":"321300","c_id":86,"city":"宿迁市"},"cityID":"320100","c_id":74,"city":"南京市"},"cityID":"320300","c_id":76,"city":"徐州市"},"cityID":"320500","c_id":78,"city":"苏州市"},"cityID":"320700","c_id":80,"city":"连云港市"},"cityID":"321000","c_id":83,"city":"扬州市"},"cityID":"321200","c_id":85,"city":"泰州市"}]}</span>

===================华丽的分割线=====================================

$.ajax({
    url:"city",type:"POST",data:"father="+father,dataType: "json",success:function(jsonList){
        var html="";
        for(var i=0;i<=jsonList.cityList.length-1;i++){
            html+="城市"+jsonList.cityList[i].city+",c_id="+jsonList.cityList[i].c_id+"\n";
        }
        alert(html);
    }
    });

重点看两句代码：
dataType:"json" 这样设置以后返回的类型就是json对象了，不用转换，就可以直接用了！

axios ajax vue 封装axios get post put 等

import axios from ''axios'';
import { getCookie } from ''../api/cookies''
import {getQueryString} from ''../api/unit''
 

const instance = axios.create({
    timeout: 5000,
    baseURL:'''',
    withCredentials: true,
    headers: {token: getCookie(''token'')}
});
//http response 拦截器
instance.interceptors.response.use(
    response => {
        var res=response.data;
        if (res.code == ''A0301'' || res.code == ''A0311'') {
          // 拦截 对应特殊错误特别处理
        } else {
           return response;
        }
    },
    error => {
        console.log("response error :" + error);
        if (error.response) {
            switch (error.response.status) {// token失效处理
                case 401://token 失效
                   
                    return;
            }
        }
        return Promise.reject(error)   // 返回接口返回的错误信息
    }
);


/**
 * 封装get方法
 * @param url
 * @param data
 * @returns {Promise}
 */

export function get(url,params={}){
    return new Promise((resolve,reject) => {
        instance.get(url,{
            params:params
        }).then(res => {
            resolve(res.data);
        }).catch(err =>{
            reject(err.data)
        })
    })
}


/**
 * 封装post请求
 * @param url
 * @param data
 * @returns {Promise}
 */

export function post(url,data = {}){
    return new Promise((resolve,reject) => {
        instance.post(url,data).then(res => {
            resolve(res.data);
        }).catch(err =>{
            reject(err.data)
        })
    })
}


/**
 * 封装patch请求
 * @param url
 * @param data
 * @returns {Promise}
 */

export function patch(url,data = {}){
    return new Promise((resolve,reject) => {
        instance.patch(url,data).then(res => {
            resolve(res.data);
        }).catch(err =>{
            reject(err.data)
        })
    })
}

/**
 * 封装put请求
 * @param url
 * @param data
 * @returns {Promise}
 */

export function put(url,data = {}) {
    return new Promise((resolve, reject) => {
        instance.put(url, data).then(res => {
            resolve(res.data);
        }).catch(err =>{
            reject(err.data)
        })
    })
}

axios 利用new FileReader() 下载文件获取返回的错误信息

今天的关于axios 返回的 error 的处理和axios 返回值的分享已经结束，谢谢您的关注，如果想了解更多关于AJAX 对服务器返回的XML的处理js和jquery、ajax对返回的json数据的处理、axios ajax vue 封装axios get post put 等、axios 利用new FileReader() 下载文件获取返回的错误信息的相关知识，请在本站进行查询。

本文标签：

• axios-error-handling
• API-error-management
• HTTP-request-issues
• web-development-tips