AJAX:通過與服務(wù)器進行少量數(shù)據(jù)交換可以使網(wǎng)頁實現(xiàn)異步局部更新。

原生ajax

//監(jiān)聽窗口
window.onload = function(){
//設(shè)置點擊事件
var btn = document.getElementById("btn");
btn.onclick = function(){

//這里開始AJAX請求
//先創(chuàng)建XMLHttpRequest對象
var xhr = new XMLHttpRequest();

//IE5 、IE6不支持xhr
if( xhr == null){
xhr = new ActiveXPObject("Microsoft.XMLHTTP")
}

//open方法用于設(shè)置網(wǎng)絡(luò)請求消息
//它有三個參數(shù)，第一個參數(shù)是請求方式，第二個參數(shù)是請求路徑，第三個參數(shù)是是否異步
xhr.open("post",url,true);

//發(fā)送請求
xhr.send();

//監(jiān)聽請求到達哪個步驟
xhr.onreadystatechange = function(){
if(xhr.readyState == 4){
//表示請求完成
if(xhr.status == 200){
//表示請求成功
} else {
//表示請求失敗
}
}
}

//獲取服務(wù)器返回的數(shù)據(jù)
var text = xhr,responseText
alter(text)
}
}

Jquery的ajax

$(function{
$(#ajax).click(function(){ //設(shè)置一個點擊事件
$.ajax({
type:"get" //設(shè)置請求方式
url:" " //設(shè)置請求路徑
async： //是否異步
success:function(date){
} //請求成功時
error:function(){
alert("請檢查網(wǎng)絡(luò)")
}
})
})
})