概念
Asynchronous JavaScript And Xml ：異步的JavaScript和XML
- Ajax是一種在無需重新加載整個網(wǎng)頁的情況下，能夠更新部分網(wǎng)頁的技術(shù)呛凶。
- 通過在后臺與服務(wù)器進(jìn)行少量數(shù)據(jù)交換蝗羊，Ajax 可以使網(wǎng)頁實現(xiàn)異步更新。這意味著可以在不重新加載整個網(wǎng)頁的情況下哨颂，對網(wǎng)頁的某部分進(jìn)行更新祭钉。
- 傳統(tǒng)的網(wǎng)頁（不使用 Ajax）如果需要更新內(nèi)容霸饲，必須重載整個網(wǎng)頁頁面铃肯。
作用：提升用戶的體驗
同步
客戶端必須等待服務(wù)器端的響應(yīng)患亿，在等待期間不能做其他操作。
異步
客戶端不需要等待服務(wù)器端響應(yīng)押逼，在服務(wù)器處理請求的過程中步藕，客戶端可以進(jìn)行其他的操作。
JQuery實現(xiàn)方式
1.$.ajax()
$.ajax({
// 請求路徑
url:"ajaxServlet1111" ,
//請求方式
type:"POST" ,
//請求參數(shù)data: "username=jack&age=23"
data:{"username":"jack","age":23},
//響應(yīng)成功后的回調(diào)函數(shù)
success:function (data) {
alert(data);
},
//表示如果請求響應(yīng)出現(xiàn)錯誤挑格，會執(zhí)行的回調(diào)函數(shù)
error:function () {
alert("出錯啦...")
},
//設(shè)置接受到的響應(yīng)數(shù)據(jù)的格式
dataType:"text"
});
2.$.get()
- 語法：$.get(url, [data], [callback], [type])
- 參數(shù)：
* url：請求路徑
- data：請求參數(shù)
- callback：回調(diào)函數(shù)
- type：響應(yīng)結(jié)果的類型
$.get("user/login", {"username":"jack","age":23},function (data) {
//對data進(jìn)行解析
});
3.$.post()
語法：$.post(url, [data], [callback], [type])
參數(shù)：
- url：請求路徑
- data：請求參數(shù)
- callback：回調(diào)函數(shù)
- type：響應(yīng)結(jié)果的類型
$.post("user/login", $("#loginForm").serialize(),function (data) {
//對data進(jìn)行解析
});
