js下的AJAX 相關

2021-07-02 04:04:35 字數 2442 閱讀 6473

注意:相對應的html需要放在伺服器下,只是雙擊開啟html檔案是無法正常執行的。必須訪問伺服器位址檔案,例如:

檢視相應教程可以訪問

下面稍作講解:

1.建立物件

xmlhttprequest 是 ajax 的基礎。

為了應對所有的現代瀏覽器,包括 ie5 和 ie6,請檢查瀏覽器是否支援 xmlhttprequest 物件。如果支援,則建立 xmlhttprequest 物件。如果不支援,則建立 activexobject。

2.向伺服器傳送請求

使用 xmlhttprequest 物件的 open() 和 send() 方法

get帶引數

post帶引數

注意:有時出現get、post方式變換結果不返回值的情況,那這有可能是快取的原因,可以在url後面加個隨機引數或者時間戳。

3.伺服器響應

獲得來自伺服器的響應,請使用 xmlhttprequest 物件的 responsetext 或 respon***ml 屬性。

responsetext:獲得字串形式的響應資料。

respon***ml:獲得 xml 形式的響應資料。

xml的讀取:

}4.響應事件

每當 readystate 改變時,就會觸發 onreadystatechange 事件

}最後乙個例子:

xml檔案內容 text.xml

joketitle>

bob dylanartist>

usacountry>

columbiacompany>

10.90price>

1985year>

cd>

lilititle>

bonnie tylerartist>

ukcountry>

cbs recordscompany>

9.90price>

1988year>

cd>

catalog>

html檔案內容

//ajax讀取xml資料

注意:txt檔案的話就只能用responsetext以字串形式返回了,其他的都一樣。

ajax的相關知識

第一種 xmlhttp.readystate的五種就緒狀況 0 請求未初始化 還沒有呼叫 open 1 請求已經建立,但是還沒有傳送 還沒有呼叫 send 2 請求已傳送,正在處理中 通常現在可以從響應中獲取內容頭 3 請求在處理中 通常響應中已有部分資料可用了,但是伺服器還沒有完成響應的生成。4 ...

ajax相關問題

ajax完成前後端互動,可以用原生ajax實現,也可以用jquery ajax實現。之前自己用ajax請求乙個html頁面,有個大佬說ajax主要實現的是請求json檔案。總之,也就是那樣寫的。原生 ajax 原生ajax主要分為 1.建立xhr物件 2.open 3.send 4.接收資料 在這裡...

AJAX建立相關

ajax建立過程分為經典的四步,以下分步闡述其過程及要點。1.建立ajax物件 var xhr new xmlhttprequest ie6及以下不相容2.傳送前的基本資訊配置 xhr.open get data.txt false,username userpass 3.給readystate事件...