来看个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格式,小编下篇文章再说吧。