ajax的作用有哪些？ajax作用的詳細介紹（附執行個體）

本篇文章主要的介紹了關於ajax的作用解釋，讓大家更能清楚的使用ajax，現在讓我們一起來看這篇文章吧

AJAX 是一種在無需重新載入整個網頁的情況下，能夠更新部分網頁的技術。
無重新整理資料讀取
使用者登陸、股票基金網
非同步、同步
AJAX = Asynchronous JavaScript and XML（非同步 JavaScript 和 XML）。AJAX 不是新的程式設計語言，而是一種使用現有標準的新方法。

AJAX 是與伺服器交換資料並更新部分網頁的藝術，在不重新載入整個頁面的情況下。有很多使用 AJAX 的應用程式案例：新浪微博、Google 地圖、開心網等等。（想看更多就到topic.alibabacloud.comAJAX開發手冊欄目中學習）

傳統的開發模式：使用者的每一次操作都觸發一次返回伺服器的HTTP請求，伺服器做出處理後，返回一個html頁面給使用者。

ajax開發模式：頁面將使用者的操作通過ajax引擎與伺服器進行通訊，將返回的結果給ajax引擎，然後ajax將資料插入指定位置。

編寫ajax函數

1、建立ajax對象

var xmlhttp;if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safarixmlhttp=new XMLHttpRequest();}else{// code for IE6, IE5xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}

2、串連伺服器

xmlhttp.open('GET',url,true);//三個參數分別代表方法、路徑、同步還是非同步（true為非同步）;

3、發送請求

xmlhttp.send();

4、接收傳回值

xmlhttp.onreadystatechange=function(){if(xmlhttp.readyState==4){if(xmlhttp.status==200){alert('成功：'+oAjax.responseText);}else{alert('失敗:'+oAjax.status);}}}封裝成函數function ajax(url, fnSucc, fnFaild){//1.建立Ajax對象if(window.XMLHttpRequest){var oAjax=newXMLHttpRequest();}else{var oAjax=newActiveXObject("Microsoft.XMLHTTP");}//2.串連伺服器//open(方法, 檔案名稱, 非同步傳輸)oAjax.open('GET', url,true);//3.發送請求oAjax.send();//4.接收返回oAjax.onreadystatechange=function(){//oAjax.readyState //瀏覽器和伺服器，進行到哪一步了if(oAjax.readyState==4)//讀取完成{if(oAjax.status==200)//成功{fnSucc(oAjax.responseText);}else{if(fnFaild){fnFaild(oAjax.status);}//alert('失敗:'+oAjax.status);}}};}

本篇文章到這就結束了（想看更多就到topic.alibabacloud.comAJAX使用手冊欄目中學習），有問題的可以在下方留言提問。