$.ajax({
async: true,
url: '/url/to/json',
type: 'GET',
data : { id : 123 },
dataType: 'json',
timeout: 30000,
success: successCallback,
error: errorCallback,
complete: completeCallback
})
function successCallback(json) {
$('<h1/>').text(json.title).appendTo('body');
}
function errorCallback(xhr, status){
console.log('出问题了！');
}
function completeCallback(xhr, status){
console.log('Ajax请求已结束。');
}
上面代码的对象参数有多个属性，含义如下：
async：该项默认为true，如果设为false，则表示发出的是同步请求。
cache: 该项默认为true，如果设为false，则浏览器不缓存返回服务器返回的数据。注意，浏览器本身就不会缓存POST请求返回的数据，所以即使设为false，也只对HEAD和GET请求有效。
url：服务器端网址。这是唯一必需的一个属性，其他属性都可以省略。
type：向服务器发送信息所使用的HTTP动词，默认为GET，其他动词有POST、PUT、DELETE。
dataType：向服务器请求的数据类型，可以设为text、html、script、json、jsonp和xml。
data：向服务器发送的数据，如果使用GET方法，此项将转为查询字符串，附在网址的最后。
success：请求成功时的回调函数，函数参数为服务器传回的数据、状态信息、发出请求的原始对象。
timeout: 等待的最长毫秒数。如果过了这个时间，请求还没有返回，则自动将请求状态改为失败。
error：请求失败时的回调函数，函数参数为发出请求的原始对象以及返回的状态信息。
complete：不管请求成功或失败，都会执行的回调函数，函数参数为发出请求的原始对象以及返回的状态信息。
这些参数之中，url可以独立出来，作为ajax方法的第一个参数。也就是说，上面代码还可以写成下面这样。
复制代码 代码如下:
$.ajax('/url/to/json',{
type: 'GET',
dataType: 'json',
success: successCallback,
error: errorCallback
})
简便写法
ajax方法还有一些简便写法。
$.get()：发出GET请求。
$.getScript()：读取一个JavaScript脚本文件并执行。
$.getJSON()：发出GET请求，读取一个JSON文件。
$.post()：发出POST请求。
$.fn.load()：读取一个html文件，并将其放入当前元素之中。
一般来说，这些简便方法依次接受三个参数：url、数据、成功时的回调函数。
（1）$.get()，$.post()
这两个方法分别对应HTTP的GET方法和POST方法。
复制代码 代码如下:
$.get('/data/people.html', function(html){
$('#target').html(html);
});
$.post('/data/save', {name: 'Rebecca'}, function (resp){
console.log(JSON.parse(resp));
});
get方法接受两个参数，分别为服务器端网址和请求成功后的回调函数。post方法在这两个参数中间，还有一个参数，表示发给服务器的数据。
上面的post方法对应的ajax写法如下。
复制代码 代码如下:
$.ajax({
type: 'POST',
url: '/data/save',
data: {name: 'Rebecca'},
dataType: 'json',
success: function (resp){
console.log(JSON.parse(resp));
}
});
（2）$.getJSON()
ajax方法的另一个简便写法是getJSON方法。当服务器端返回JSON格式的数据，可以用这个方法代替$.ajax方法。
复制代码 代码如下:
$.getJSON('url/to/json', {'a': 1}, function(data){
console.log(data);
});
上面的代码等同于下面的写法。
复制代码 代码如下:
$.ajax({
dataType: "json",
url: '/url/to/data',
data: {'a': 1},
success: function(data){
console.log(data);
}
});
（3）$.getScript()
$.getScript方法用于从服务器端加载一个脚本文件。
复制代码 代码如下: