1、概念:Asynchronous JavaScript And XML 異步的javascript和xml
1.異步和同步:用戶端和服務端互相通信的基礎上
異步:用戶端不需要等待伺服器端的相應,在伺服器處理請求的過程中用戶端可以進行其他操作
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsISPrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdsATOfd3bkFGazxCMx8VesATMfhHLlN3XnxCMwEzX0xiRGZkRGZ0Xy9GbvNGLpZTY1EmMZVDUSFTU4VFRR9Fd4VGdsYTMfVmepNHLrJXYtJXZ0F2dvwVZnFWbp1zczV2YvJHctM3cv1Ce-cmbw5SZyImNmljY5YDNjJWZxITZ2YWO2UGM3gTMiJzYkNWYk9CX4IzLcdDMxIDMy8CXn9Gbi9CXzV2Zh1WavwVbvNmLvR3YxUjL0M3Lc9CX6MHc0RHaiojIsJye.png)
同步:用戶端不需要等待伺服器端的相應,在伺服器處理請求的過程中用戶端可以進行其他操作
實際上:ajax是一種無須重新加載整個網頁的情況下,能夠更新部分網頁的技術,提升使用者的體驗。但在之前需要重新整理,用了ajax就不需要。
2、實作方式:
1):原生的js實作方式:
狀态碼和繼續狀态的值如下:
2):jQuery實作方式:
(1):$.ajax()
文法:$ajax(url,[settings]);或$({鍵值對});
例子:
$({
url:請求路徑,
type:請求方式,
data:請求參數 多個參數用&連接配接,如 data:"username"=jack&age=23
//第二種方式: data:{"username":"jack","age":23}
success:function(){}//響應成功後的回調函數
error:function(){}//表示如果請求相應出現錯誤執行的回調函數
dataType:設定接收道德相應資料的格式 有text,json,xml,html,script等
每個鍵值對之間需要寫,最後一個不用寫
});
(2):$.get():發送GET請求
$.get(url,[data],[callback],[type])中括号内容可選即可寫也可不寫
url:請求路徑
data:請求參數
callback:回調函數
type:相應結果類型
例如: function fun(){
$.get("ajaxServelt",{username:"rose"},function(){},"text");
}
(3):$.post():發送post請求
$.post(url,[data],[callback],[type])中括号内容可選即可寫也可不寫
$.post("ajaxServelt",{username:"rose"},function(){},"text");