ajax(asynchronous javascript and xml)主要用來實現客戶端與服務器端的異步通訊,實現頁面的局部刷新。javascript
XMLHttpRequest用於在後臺與服務器交換數據。這意味着能夠在不從新加載整個網頁的狀況下,對網頁的某部分進行更新。全部現代瀏覽器均支持XMLHttpRequest對象(IE5和IE6使用ActiveXObject)。php
var xhr; if(window.XMLHttpRequest){ //IE7,chrome,firefox,... xhr=new XMLHttpRequest(); }else{ //IE5,IE6 xhr=new ActiveXObject("Microsoft.XMLHTTP"); }
如需將請求發送到服務器,咱們使用XMLHttpRequest對象的open()和send()方法java
//一個簡單的get請求 xhr.open("GET","ajax_info.txt",true); xhr.send(); //一個簡單的post請求 xhr.open("POST","/try/ajax/demo_post.php",true); xhr.send();
當請求被髮送到服務器時,咱們須要執行一些基於響應的任務。每當readyState改變時,就會觸發onreadystatechange事件。readyState屬性存有XMLHttpRequest的狀態信息。 0:請求未初始化 1:服務器鏈接已創建 2:請求已接收 3:請求處理中 4:請求已完成,且響應已就緒ajax
xhr.onreadystatechange=function(){ if(xhr.readyState==4 && xhr.status==200){ //responseText獲取字符串形式的響應數據,responseXML獲取XML形式的響應數據 console.log(xhr.responseText); } }