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) {
　　　　　　總/ xmlhttp= new XMLHttpRequest();
　　　　} else {
　　　　　　// IE6, IE5 瀏覽器執行碼
　Microsoft　　　2.連接伺服器
　　　　xmlhttp.open(“GET","http://127.0.0.1:8080",true);
　　3.發送請求

　　　　xmlhttp.send();伺服器傳回內容，並處理
　　　　xmlhttp.onreadystatechange=function() {
　　　　if (xmlhttp.readyState==4 && xmlhttp.status==200) {
　　》　》.> =xmlhttp.responseText;
　　　　　　}
　　　　}

 

####################

以上是ajax簡介及JS寫原生ajax實例教程的詳細內容。更多資訊請關注PHP中文網其他相關文章！