这个视频我们去设置一下，当请求发生错误的时候要做的事 ... jQuery 的 ajax 方法里，可以在 error 属性里指定一个函数，这个函数会在请求失败的时候去调用 ...

先打开 index.js ，找到前面视频里的这段代码 ... 另起一行 ... 设置一下 error 属性 ... 这个属性的值是一个函数 ... 这里我们可以用一个匿名函数 ... 或者可以单独去定义一个函数 ..

输入 onError ...

在上面，再去定义一下这个 onError 函数 ... 这个函数可以接受三个参数 ... jqXHR ... 它是 jQuery 的 XMLHttpRequest 对象 ... 还有 textStatus ... 这个参数是错误的类型。它可能的值比如 ... timeout 请求超时了 ... error 发生了错误 ... abort 放弃了请求 ..

第三个参数是 errorThrown ... 这个参数是具体的发生的错误...

/**
* 处理请求发生的错误
*/
function onError(jqXHR, textStatus, errorThrown) {
//console.log(jqXHR);
//console.log(textStatus);
//console.log(errorThrown);
}

把这三个参数接收到的东西输出到控制台上 .. 下面，我们去请求一个网站里面不存在的东西 ... 比如 node/10000 ...

测试

保存 .... 回到浏览器 ... 刷新一下 ... 在控制台上，会输出一些东西 ... 第一个错误是因为我们想把请求成功以后的数据输出到控制台上 ... 提示 GET 这个地址，返回的代码是 404 ，表示没有找到这个地址 ...

第二个输出的东西是 jqXHR 对象 ... 后面是错误的类型 ... 最后是具体发生的错误 ... 这个地址显示了一个乱码 ... 这应该是 chrome 的开发者工具的一个 bug ...

可能是中文编码的问题 ... 这个乱码其实就是中文 未找到节点 ...

在 jqXHR 里面，我们可以同样可以找到这个错误 ... 打开这个对象 ...

因为请求的时候，设置要返回的数据类型是 json ，所以这里会有个 responseJSON 属性，打开这个属性，里面会有提示 ，未找到节点 10000 ...