AJAX 的使用步驟

2021-10-04 22:59:44 字數 1456 閱讀 7883

// step1: 建立乙個 ajax 物件

;// step2: 配置資訊,請求型別和請求位址

// step3: 傳送請求

xhr.

send()

;// step4: 拿到響應結果

xhr.

onload

=function()

;

// 第二步

);

第一種方式

// 設定請求內容型別

xhr.

setrequestheader

('content-type',)

;xhr.

send

('name=ifer&age=18');

// send 後面必須要是字串

// 後端解析

use(bodyparser.

urlencoded()

);

第二種方式

// 設定請求內容型別

xhr.

setrequestheader

('content-type',)

;xhr.

send

(json

.stringify()

);// 一定要轉成字串

// 後端解析

use(bodyparser.

json()

);

初始化了 xmlhttprequest 物件,但是還沒有 open 就是還沒有配置資訊

建立了連線,但是還沒有 send 還沒有傳送請求

已經傳送請求了,並且響應頭資訊客戶端已經得到了

響應內容(響應體)已經返回部分資訊,但是還沒有完全返回

響應內容完全返回了

xhr.

onreadystatechange

=function()

;

多次訪問同乙個位址,後面訪問的時候服務端響應的內容明明變了,前端拿到的卻還是舊結果!

// 解決方式

Ajax使用步驟

專案中包括乙個.aspx頁面和乙個gettime.ashx頁面。注 以下 都是放在.的位置 一 建立非同步物件例項 建立 xmlhttprequest 物件的語法 老版本的 internet explorer ie5 和 ie6 使用 activex 物件 為了應對所有的現代瀏覽器 二 利用非同步物...

使用ajax的固定步驟

使用ajax有以下固定步驟 1 首先,建立乙個 物件,也是就 然後建立乙個函式,用來指定載入的資料 使用 open 方法開啟資料 但不意味著傳送資料顯示!然後使用 onreadystatechange 來指定資料裝載的方式,然後使用 send 傳送資料!onreadystatechange 是乙個非...

ajax的步驟與封裝ajax

今天和大家聊下如何ajax的工作原理和如何封裝ajax.1.什麼是ajax ajax技術核心是xmlhttprequest物件 簡稱xhr 這是由微軟首先引入的乙個特性,其他瀏覽器提供商後來都提供了相同的實現。在xhr出現之前,ajax式的通訊必須借助一些hack手段來實現,大多數是使用隱藏的框架或...