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

有渔YOUYU 2017-03-04 23:42

来看个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. 后台响应中断

知道这个知识点有什么用呢？小编觉得这个在restful API中定义返回的JSON消息格式是很有用的。

具体怎么定义restful API返回的JSON格式，小编下篇文章再说吧。