常用選項參數(shù)介紹：
url：請求地址
type：請求方法纤壁，默認為 get
dataType：服務(wù)端響應(yīng)數(shù)據(jù)類型
contentType：請求體內(nèi)容類型，默認 application/x-www-form-urlencoded
data：需要傳遞到服務(wù)端的數(shù)據(jù)翻擒，如果 GET 則通過 URL 傳遞，如果 POST 則通過請求體傳遞
timeout：請求超時時間
beforeSend：請求發(fā)起之前觸發(fā)
success：請求成功之后觸發(fā)（響應(yīng)狀態(tài)碼 200）
error：請求失敗觸發(fā)
complete：請求完成觸發(fā)（不管成功與否）
==============================================================
demo1：
$.ajax({
url: 'json.php',
type: 'get',
// 設(shè)置的是請求參數(shù)
data: { id: 1, name: '張三' },
// 用于設(shè)置響應(yīng)體的類型 注意 跟 data 參數(shù)沒關(guān)系３淌谩Ｂ俗妗筷狼！
dataType: 'json',
success: function (res) {
// 一旦設(shè)置的 dataType 選項，就不再關(guān)心 服務(wù)端 響應(yīng)的 Content-Type 了
// 客戶端會主觀認為服務(wù)端返回的就是 JSON 格式的字符串
console.log(res)
}
})
==============================================================
demo2:
$.ajax({
url: 'time.php',
type: 'get',
beforeSend: function (xhr) {
// 在所有發(fā)送請求的操作（open, send）之前執(zhí)行
console.log('beforeSend', xhr)
},
success: function (res) {
// 隱藏 loading
// 只有請求成功（狀態(tài)碼為200）才會執(zhí)行這個函數(shù)
console.log(res)
},
error: function (xhr) {
// 隱藏 loading
// 只有請求不正常（狀態(tài)碼不為200）才會執(zhí)行
console.log('error', xhr)
},
complete: function (xhr) {
// 不管是成功還是失敗都是完成匠童，都會執(zhí)行這個 complete 函數(shù)
console.log('complete', xhr)
}
})
==============================================================
demo3:
get&&&post&JSON的快捷請求方法：
$.get('json.php', { id: 1 }, function (res) {
console.log(res)
})
$.post('json.php', { id: 1 }, function (res) {
console.log(res)
})
$.getJSON('json.php', { id: 1 }, function (res) {
console.log(res)
})
===========================================================
jQuery全局事件處理函數(shù)：
$(document)
.ajaxStart(function () {
// 只要有 ajax 請求發(fā)生 就會執(zhí)行
$('.loading').fadeIn()
// 顯示加載提示
console.log('注意即將要開始請求了')
})
.ajaxStop(function () {
// 只要有 ajax 請求結(jié)束 就會執(zhí)行
$('.loading').fadeOut()
// 結(jié)束提示
console.log('請求結(jié)束了')
})
$('#btn').on('click', function () {
// $.ajax({
// url: 'time.php'
// })
$.get('time.php')
})
轉(zhuǎn)載鏈接：http://www.reibang.com/p/7ad64f55be7b
