原生ajax 非同步互動

2021-08-18 20:09:23 字數 837 閱讀 8344

實現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...