ajax簡介及JS寫原生ajax

ajax

1.什么是ajax

ajax 的全稱是Asynchronous JavaScript and XML,其中, Asynchronous 是異步的意思,指的是異步 JavaScript 和 XML。

AJAX 是一種用于創建快速動態網頁的技術。 通過在后臺與服務器進行少量數據交換,AJAX 可以使網頁實現異步更新。這意味著可以在不重新加載整個網頁的情況下, 對的某部分進行更新。

傳統的網頁(不使用AJAX)如果需要更新內容,必需重載整 個網頁面。

2.ajax所包含的技術

大家都知道ajax并非一種新的技術,而是幾種原有技術的結合體。它由下 列技術組合?成。

1.使用CSS和XHTML來表示。

2. 使用DOM模型來交互和動態顯示。

3.使用XMLHttpRequest來和服務器進行異步通信。

4.使用javascript來綁定和調用。

4.ajax原理

Ajax的原理簡單來說通過XmlHttpRequest對象來向服務器發異步 請求,從服務器獲得數據,然后用javascript來操作DOM而更新頁面。

5.ajax請求的實現

1.創建XmlHttpRequest對象

if (window.XMLHttpRequest) {

// IE7+, Firefox, Chrome, Opera, Safari 瀏覽器執行代碼

xmlhttp=new XMLHttpRequest();

} else {

// IE6, IE5 瀏覽器執行代碼

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

}

2.連接服務器

xmlhttp.open(“GET","http://127.0.0.1:8080",true);

3.發送請求

xmlhttp.send();

4.等待服務器返回內容,并處理

xmlhttp.onreadystatechange=function() {

if (xmlhttp.readyState==4 && xmlhttp.status==200) {

document.getElementById("btn").innerHTML=xmlhttp.responseText;

}

}

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容