Ajax技術(shù)中的post
1. $ajax底層實(shí)現(xiàn)基本語法 $ajax(options)方法是Ajax技術(shù)中發(fā)送post請(qǐng)求的基礎(chǔ)方法。它接受一個(gè)options參數(shù),要求是一個(gè)JSON對(duì)象,其中包含了一些相關(guān)的屬性。
1. $ajax底層實(shí)現(xiàn)基本語法
$ajax(options)方法是Ajax技術(shù)中發(fā)送post請(qǐng)求的基礎(chǔ)方法。它接受一個(gè)options參數(shù),要求是一個(gè)JSON對(duì)象,其中包含了一些相關(guān)的屬性。
- async:是否異步,布爾類型的值。設(shè)置為true代表異步,反之代表同步。
- cache:get請(qǐng)求是否緩存,布爾類型的值。設(shè)置為true代表緩存數(shù)據(jù),反之代表不緩存。
- complete:當(dāng)Ajax狀態(tài)碼為4時(shí)所觸發(fā)的回調(diào)函數(shù)(了解)。
- contentType:設(shè)置請(qǐng)求頭,如為post,則自動(dòng)添加"application/x-www-form-urlencoded"。
- data:當(dāng)Ajax發(fā)起請(qǐng)求時(shí)所傳遞的參數(shù),要求是一個(gè)字符串格式。
- dataType:期待的返回值類型,可以為"text"、"xml"或"json",默認(rèn)為"text"。
- success:當(dāng)Ajax狀態(tài)碼為4且響應(yīng)狀態(tài)碼為200時(shí)所觸發(fā)的回調(diào)函數(shù)。
- type:Ajax請(qǐng)求類型,可以為"get"或"post"。
- url:請(qǐng)求的URL地址。
例1:使用$ajax發(fā)送get請(qǐng)求
下面是一個(gè)使用$ajax發(fā)送get請(qǐng)求的例子:
$.ajax({ type: 'GET', url: '', success: function(response) { alert(response); } });
2. 程序運(yùn)行結(jié)果
運(yùn)行以上代碼后,會(huì)彈出一個(gè)包含"Hello Ajax"字符串的提示框。
3. 解決get請(qǐng)求緩存問題
在jQuery的Ajax中,默認(rèn)情況下,get請(qǐng)求會(huì)被緩存。我們可以通過設(shè)置cache參數(shù)來解決這個(gè)問題。代碼示例如下:
$.ajax({ type: 'GET', url: '', cache: false, success: function(response) { alert(response); } });
4. 運(yùn)行結(jié)果
運(yùn)行以上代碼后,可以看到每次請(qǐng)求都會(huì)獲得最新的數(shù)據(jù),而不會(huì)從緩存中獲取。
例2:使用$ajax發(fā)送post請(qǐng)求
下面是一個(gè)使用$ajax發(fā)送post請(qǐng)求的例子:
$.ajax({ type: 'POST', url: '', data: 'nameJohnage25', success: function(response) { console.log(response); } });
5. 運(yùn)行結(jié)果
運(yùn)行以上代碼后,可以在控制臺(tái)中看到服務(wù)器返回的響應(yīng)數(shù)據(jù)。