Ajax 簡介
Ajax被認為是(Asynchronous(異步) JavaScript And Xml的縮寫)。現在,允許瀏覽器與服務器通信而無須刷新當前頁面的技術都被叫做Ajax.
同步是指:發送方發出數據后,等接收方發回響應以后才發下一個數據包的通訊方式。
異步是指:發送方發出數據后,不等接收方發回響應,接著發送下個數據包的通訊方式 。
通常不用刷新網頁而與服務器通訊的方法:
Flash 框架 Frameset:如果使用一組框架構造了一個網頁,可以只更新其中一個框架,而不必驚動整個頁面 XMLHttpRequest:該對象是對 JavaScript 的一個擴展,可使網頁與服務器進行通信。是創建 Ajax 應用的最佳選擇。實際上通常把 Ajax 當成XMLHttpRequest(XHR) 對象的代名詞ajax基本使用
ajax在我們的開發中是必須使用的一個技術,ajax即異步的javascript和xml但是現在我們通常使用json來完成數據的交互,ajax職責很單一就是數據的交互,發送數據接收數據是它的核心功能也是唯一的功能。
ajax的實現依賴XMLHttpRequest,它的基本使用如下:
var xhr;window.XMLHttpRequest?xhr = new XMLHttpRequest():xhr = new ActiveXObject("Microsoft.XMLHTTP");xhr.open("get","demo!register.action?name=zt&age=23",true);xhr.send(null);xhr.onreadystatechange = function(){ if(xhr.readyState==4&&xhr.status==200){ alert(JSON.parse(xhr.responseText)); }}
ajax的職責就是發送數據和接收數據我們基本使用流程為:
1.獲取一個XMLHttpRequest對象
2.發送數據
3.接收處理服務器返回的數據
根據上面的步驟來實現一個異步請求數據的過程,首先獲取一個xhr對象,在現代瀏覽器中我們可以直接通過實例化來獲取一個xhr對象:var xhr = new XMLHttpRequest();在IE5、IE6中我們必須使用ActiveXObject來獲取xhr對象:var xhr = new ActiveXObject("Microsoft.XMLHTTP")。
此時我們已經得到了xhr對象接下來就是發送數據,通過xhr.open()方法來執行發送數據的方式,xhr.open()可以接收5個參數,我們經常使用的是前三個:
xhr.open(arg1,arg2,arg3)
arg1表示請求數據的方式一般為get或者post
arg2表示請求的服務器地址
arg3表示本次請求是同步還是異步,ajax的突出特點就是異步所以我們一般都是使用異步的方式第三個參數設置為true(true表示進行異步請求false表示進行同步請求)
xhr.open()方法只是準備一個請求,在調用open之后并不會和服務器進行通訊,而是在調用send()函數之后才會和服務器開始通訊,send()函數的參數將作為請求體發送到服務端。如果我們在open()函數中指定請求的方式為get通常我們將send()設置為xhr.send(null),如果我們希望通過請求體發送數據則要將open()函數的請求方式設置為post同時將我們需要發送的數據作為send()函數的參數:xhr.send(param),在調用send()函數之后,和服務器的通訊就開始了。
新聞熱點
疑難解答
圖片精選