AJAX(一)AJAX的簡介和基礎

來源:互聯網
上載者:User

標籤:

本節簡介(非同步連結的伺服器對象)XMLHTTPRequest以及AJAX的簡介。

AJAX即“Asynchronous Javascript And XML”(非同步JavaScript和XML)。 AJAX有四個方面的好處:1.即減輕了伺服器的負擔。2帶來了更好的使用者體驗。3.基於標準被廣泛的支援。4.擁有更好的頁面呈現和資料分離。

技術名稱 技術說明
javascript javascript是通用的指令碼語言,AJAX是用javascript編寫的
css 使用者介面的樣式通過css來修改
DOM DOM通過javascript修改DOM,ajax可以在運行時改變使用者介面,或者局部更新頁面中的某個節點。
XMLHttpRequest XMLHttpRequest對象 XMLHttpRequest對象允許web程式員從web伺服器以背景方式擷取資料。資料的個數通常是XML或者是文本。

從上面我們看出,javascript就想膠水一樣將各個部分粘貼在一起,例如通過javascript操作BOM改變重新整理使用者介面,通過修改className來改變css樣式風格

不嚴謹的說,ajax是一個簡單的多線程,它能夠是使用者在前台多種操作而不間斷。ajax非同步互動在後台默默的工作著 在web中非同步訪問是通過XMLHttpRequest對象來實現的,該對象最早是在ie5被作為activeX控制項引入的。隨後各個瀏覽器紛紛支援該非同步對象,首先必須建立對象。代碼如下:

    var xmlHttp;            function createXMLHrrpRequest() {                if (window.ActiveXObject)                    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");                else if (window.XMLHttpRequest)                    xmlHttp = new XMLHttpRequest();            }

該對象是先建立了一個全域變數xmlHttp,留以後函數中使用。另外建立非同步對象函數createXMLHrrpRequest()

該過程用到了if語句方法,如果是IE採用window.ActiveXobject方法,如果不是,則用XMLHttpRequest方法建立函數。

 在建立完非同步對象後,自然是使用該對象串連伺服器,該對象有一系列十分有用的屬性和方法。

(未完待續)

AJAX(一)AJAX的簡介和基礎

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.