Ajax 基礎用法

2021-10-23 23:25:18 字數 1613 閱讀 7527

ajax 涉及的技術:

ajax 核心物件 xmlhttprequest:

1. 建立 xmlhttprequest 物件;

var xhr =

;

2. 呼叫open()方法與伺服器建立連線;
var xhr =

;// open( method(方法名), url(目標url) , async(是否非同步) ,user(使用者名稱認證) ,password(密碼認證)

)

3. 呼叫send()方法,傳送資料至服務端;
var xhr =

;// open( method(方法名), url(目標url) , async(是否非同步) ,user(使用者名稱認證) ,password(密碼認證)

)// 當使用 get 方法時,只能傳 null ;

xhr.

send

(null

)

4. 呼叫 onreadystatechange 事件 , 監聽伺服器;
// 1.建立 xml 物件

var xhr =

;// 2.open( method(方法名), url(目標url) , async(是否非同步) ,user(使用者名稱認證) ,password(密碼認證)

)// 3.當使用 get 方法時,只能傳 null ;

xhr.

send

(null

)// 4.監聽伺服器通訊狀態

xhr.

onreadystatechange

=function()

};

5. 將接收資料更新至 html 頁面;
// 沒有資料暫不更新;
// 引入 http 模組

// 建立服務,並監聽乙個埠號

)

今日內容回顧:

Ajax基本用法

方法名 說明open method,url,async send content 傳送請求content引數 請求引數,只有通過post請求才能通過send 傳送引數 setrequestheader header,value 設定請求頭資訊 function ajaxdemo 就緒狀態碼說明0 x...

Ajax 基礎內容

1 ajax技術簡介 2 主要原理 通過xhr物件向伺服器傳送非同步請求,從伺服器端獲取額外資料後,利用js操作dom來更新頁面。ajax技術等於是在客戶和伺服器之間安插了乙個中轉站,js指令碼先把請求從客戶端發給這個中轉站,再由這個中轉站把請求 給伺服器,伺服器先把響應也傳送給中轉站,再由這個中轉...

AJAX 基礎認識

1.什麼是ajax ajax是一種用於建立快速動態網頁的技術,非同步的js 和 xml,本質是使用 js 提供的 xmlhttprequest 物件 非同步的向伺服器傳送請求,並接受響應資料 格式是 xml 預設 在ajax中,伺服器響應回來的是部分的資料而不是完整的頁面,也就是說響應的是我們所需要...