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