Question

ajax在什么情况下会走success和error

Answer 1

来看个ajax的简单例子:
jQuery(function($){
$('button').click(function(){
var name = $(this).attr('name');
$.ajax({
url:"hello.php",
type:"POST",
data:{'search':name},
success:function(data)
{
alert('success');
},
error: function(){
alert('error');
}
});
});
});
这个段代码，在现在基于Restful API架构，前后端严格分离的WEB程序中，是很常见的。现在有一个问题，那就是调用后，在什么情况下走success方法，在什么情况走error方法？
我们先简单介绍下ajax：
简单的说Ajax请求通过XMLHttpRequest对象发送请求，该对象有四个状态（readyState）：
0-未初始化、1-正在初始化、2-发送数据、3-正在发送数据、4-完成。
当XMLHttpRequest.readyState为4时，表示ajax请求已经完成可以得到响应结果。
ajax的success和error方法根据响应状态码来触发。当XMLHttpRequest.status为200的时候，表示响应成功，此时触发success().其他状态码则触发error()。
除了根据响应状态码外，ajax还会在下列情况下走error方法：
1. 返回数据类型不是JSON
2. 网络中断
3. 后台响应中断