12.4 Ajax的基础操作

 

12.4 Ajax的基础操作

在jQuery中，向服务器请求数据的方法有很多。其中，基本的方法是$.ajax()，它可以精确地控制Ajax请求。例如，在请求出错时执行某些操作，设置请求字符集和超时时间等。

$.ajax()方法是jQuery中底层的Ajax方法，前面讲解的$.get()方法、$.post()方法就是对$.ajax()方法进一步的封装。$.get()方法、$.post()方法的实际封装代码如下：

jQuery.each(["get", "post"], function(i, method) {
  jQuery[method] = function(url, data, callback, type) {
    // 为了使用方便，如果没有输入data参数，变量会位移
    if (jQuery.isFunction(data)) {
      type = type || callback;
      callback = data;
      data = undefined;
    }
    return jQuery.ajax({
      url: url,
      type: method,
      dataType: type,
      data: data,
      success: callback
    });
  };
});

从第9~15行代码可以看出，$.get()方法和$.post()方法在底层都是调用$.ajax()实现相应功能的。

 

$.ajax()方法可以实现所有关于Ajax的操作，其语法格式如下：

$.ajax(options) // 语法格式1
$.ajax(url, options) // 语法格式2

在语法格式1中，将所