什么是AJAX請求：AJAX即“Asynchronous Javascript And Xml”(異步JavaScript和XML)，是指一種創建交互式網頁應用的網頁開發技術。
ajax是一種瀏覽器通過js異步發起請求，局部更新頁面的技術。
AJAX請求的局部更新，瀏覽器地址欄不會發生變化，局部更新不會舍棄原來頁面的內容！
JavaScript原生Ajax請求：
原生的Ajax請求：
1.我們首先要創建XMLHttpRequest對象
2.調用open方法設置請求參數
3.調用send方法發送請求
4.在send方法前綁定onreadystatechange時間，處理請求完成后的操作
原生AJAX請求的示例：
創建一個html頁面，發起請求：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="pragma" content="no-cache" /> <meta http-equiv="cache-control" content="no-cache" /> <meta http-equiv="Expires" content="0" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script type="text/javascript"> //在這里使用javaScript語言發起Ajax請求，訪問服務器AjaxServlet中javaScriptAjax function ajaxRequest() { // 1、我們首先要創建XMLHttpRequest var xmlhttprequest = new XMLHttpRequest(); // 2、調用open方法設置請求參數 xmlhttprequest.open("GET","http://lovalhost:8089/16_JSON/ajaxServlet?action=javaScriptAjax",true); // 4、在send方法前綁定onreadystatechange事件，處理請求完成后的操作。 xmlhttprequest.onreadystatechange = function () { if (xmlhttprequest.readyState == 4 && xmlhttprequest.status == 200){ var jsonObj = JSON.parse(xmlhttprequest.responseText); //把響應的數據顯示在頁面上 document.getElementById("div01").innerHTML = "編號"+jsonObj.id+"姓名"+jsonObj.name; } } // 3、調用send方法發送請求 xmlhttprequest.send(); } </script> </head> <body> <button onclick="ajaxRequest()">ajax request</button> <div id="div01"> </div> </body> </html>
jQuery中的AJAX請求：
$.ajax方法
url 表示請求的地址
type 表示請求的類型GET或POST請求
data 表示發送給服務器的數據
格式有兩種：
一：name=value&name-value
二：{key:value}
success 請求成功，響應的回調函數
dataType 響應的數據類型
常用的數據類型有：
text 表示純文本
xml 表示xml數據
json 表示json對象
表單序列化seriallze（）
seriallze（）可以把表單中所有表單項的內容都獲取到，並以name=value&name=value的形式進行拼接。