注意:相對應的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事件...