ajax是什麼?如何建立一個ajax?

ajax是什麼

ajax(asynchronous javascript and xml)主要用來實現客戶端與服務器端的異步通訊,實現頁面的局部刷新。javascript

如何建立一個ajax

  • 建立XMLHttpRequest

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);
	}
}
相關文章
相關標籤/搜索