AJAX全接觸

AJAX = Asynchronous JavaScript and XML(異步的 JavaScript 和 XML)。

AJAX 是一種在無需重新加載整個網頁的情況下,能夠更新部分網頁的技術。
AJAX 不是新的編程語言,而是一種使用現有標準的新方法。
AJAX 是與服務器交換數據并更新部分網頁的藝術,在不重新加載整個頁面的情況下。

什么是 AJAX ?

AJAX = 異步 JavaScript 和 XML。
AJAX 是一種用于創建快速動態網頁的技術。
通過在后臺與服務器進行少量數據交換,AJAX 可以使網頁實現異步更新。這意味著可以在不重新加載整個網頁的情況下,對網頁的某部分進行更新。
傳統的網頁(不使用 AJAX)如果需要更新內容,必需重載整個網頁面。
有很多使用 AJAX 的應用程序案例:新浪微博、Google 地圖、開心網等等。

Google Suggest
在 2005 年,Google 通過其 Google Suggest 使 AJAX 變得流行起來。
Google Suggest 使用 AJAX 創造出動態性極強的 web 界面:當您在谷歌的搜索框輸入關鍵字時,JavaScript 會把這些字符發送到服務器,然后服務器會返回一個搜索建議的列表。

XMLHttpRequest 是 AJAX 的基礎。

XMLHttpRequest 對象
XMLHttpRequest 用于在后臺與服務器交換數據。這意味著可以在不重新加載整個網頁的情況下,對網頁的某部分進行更新。

創建 XMLHttpRequest 對象
XMLHttpRequest 對象用于和服務器交換數據。
向服務器發送請求
如需將請求發送到服務器,我們使用 XMLHttpRequest 對象的 open() 和 send() 方法:

創建 XMLHttpRequest 對象的語法:
variable=new XMLHttpRequest();
老版本的 Internet Explorer (IE5 和 IE6)使用 ActiveX 對象:
variable=new ActiveXObject("Microsoft.XMLHTTP");
為了應對所有的現代瀏覽器,包括 IE5 和 IE6,請檢查瀏覽器是否支持 XMLHttpRequest 對象。如果支持,則創建 XMLHttpRequest 對象。如果不支持,則創建 ActiveXObject :
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

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

推薦閱讀更多精彩內容

  • 什么是同步? 客戶端要發起請求,服務器端要去處理,而且去響應,這時候客戶端完全是等待,等待服務器端的處理和響應,當...
    深沉的簡單閱讀 141評論 0 0
  • 以下文章為根據慕課網:Ajax全接觸整理而得的文字筆記版,以便隨時翻閱學習。但是本文未引用視頻課程中的示例,使用示...
    我是DIV啊閱讀 507評論 0 16
  • 一、什么是AJAX AJAX的全稱: Asynchronous JavaScript and XML(異步的Jav...
    越IT閱讀 280評論 0 1
  • 1、ajax技術的背景 不可否認,ajax技術的流行得益于google的大力推廣,正是由于google earth...
    raincoco閱讀 426評論 0 4
  • AJAX = Asynchronous JavaScript and XML(異步的 JavaScript 和 X...
    鹿守心畔光閱讀 6,923評論 7 135