實現ajax非同步互動步驟:
建立xmlhttprequest核心物件
function getxhr()else
return xhr;
}與伺服器端建立連線
使用xmlhttprequest物件的open(method,url)方法
method - 設定當前請求的型別
url - 設定當前請求的位址
(如果是post方法需要設定請求頭
向伺服器端傳送請求
使用xmlhttprequest物件的send(請求引數)方法
請求引數的格式 - key=value
接受伺服器端的響應資料
使用xmlhttprequest物件的onreadystatechange事件
監聽伺服器端的通訊狀態
使用xmlhttprequest物件的readystate屬性,判斷伺服器端當前的狀態(0-4)
使用xmlhttprequest物件的status屬性,判斷伺服器端當前的狀態碼(200)
響應的資料格式 - xml
下面是乙個原生ajax實現二級聯動的例子
ajax.html
請選擇山東省
廣東省遼寧省
吉林省 請選擇
ajax.php
<?php
$pro = $_post['pro'];
header('content-type:text/xml');
switch($pro)
?>
乙個京東訂單頁面的例子和原生ajax的小例子和筆記,歡迎參考: ajax非同步互動
四部曲 一 建立非同步物件 二 開啟與伺服器的連線 僅僅開啟連線,並沒有傳送請求 xmlhttp.open 用來開啟與伺服器的連線,需要三個引數 請求引數 get post 請求的url 指定伺服器端的資源,例如 homework index.jsp 請求是否為非同步 如果true,傳送非同步請求 ...
Ajax 非同步互動
非同步互動 建立xmlhttprequest物件 呼叫xmlhttprequest物件的open 方法 引數第二個引數 表示當前請求的伺服器端位址鏈結 呼叫xmlhttprequest物件的send 方法 引數利用xmlhttprequest物件的onreadystatechange事件 伺服器端的...
SpringMVC之ajax非同步互動
該註解用於controller的方法的形參宣告,當使用ajax提交並指定contenttype為json形式時,通過httpmessageconverter介面轉換為對應的pojo物件。com.fasterxml.jackson.coregroupid jackson databindartifac...