首先Ajax的不刷新頁面提交數(shù)據(jù),現(xiàn)在應(yīng)用非常廣泛,廢話不多說馬上進(jìn)主題!!
基本上瀏覽器能接收的信息,Ajax都可以接收,ex:字符串,html標(biāo)簽,css標(biāo)簽,xml格式內(nèi)容,json格式內(nèi)容等等.....
script>
// IE瀏覽器
if(ActiveXObject){
// 微軟目前AJAX最新版本
var ajax = new ActiveXObject("Msxm12.XMLHTTP.6.0");
}else{
// 主流瀏覽器
var ajax = new XMLHttpRequest();
}
// 創(chuàng)建HTTP請(qǐng)求
// open(method, url, asynchronous, user, password);
// method:請(qǐng)求方法(post,get)
// url:請(qǐng)求地址(是具體要接收數(shù)據(jù)的地址)
// asynchronous:同步或異步請(qǐng)求(true是異步,false是同步,默認(rèn)是true,可不填)
// user:(指定請(qǐng)求用戶名,可不填)
// password:(指定請(qǐng)求密碼,可不填)
ajax.open('get','url');
ajax.onreadystatechange = function(){
if((ajax.readyState==4) (ajax.status)==200){
alert(ajax.responseText); // 返回的數(shù)據(jù)內(nèi)容
}else{
alert('請(qǐng)求失敗');
}
}
// 發(fā)送請(qǐng)求,content是要發(fā)送的內(nèi)容,如果沒有則填null
send(content);
// 如果用的是post方式請(qǐng)求,要在send之前設(shè)置HTTP頭
ajax.setRequestHeader(“Content-Type”, “application/x-www-form-urlencoded”);
/script>
ajax的onreadystatechange事件最多接收四個(gè)變化狀態(tài)
readystate的返回狀態(tài)值:
0 (未初始化) 對(duì)象已建立
1(初始化) 已調(diào)用open方法
2(發(fā)送數(shù)據(jù)) 已調(diào)用send方法
3(數(shù)據(jù)傳送中) 已返回部分?jǐn)?shù)據(jù)
4 (完成) 請(qǐng)求成功
以上是簡單的Ajax請(qǐng)求原理,希望對(duì)大家的學(xué)習(xí)有所幫助。
您可能感興趣的文章:- AJAX中同時(shí)發(fā)送多個(gè)請(qǐng)求XMLHttpRequest對(duì)象處理方法
- Extjs ajax同步請(qǐng)求時(shí)post方式參數(shù)發(fā)送方式
- jquery+ajax每秒向后臺(tái)發(fā)送請(qǐng)求數(shù)據(jù)然后返回頁面的代碼
- 如何實(shí)現(xiàn)ajax延時(shí)發(fā)送在空閑之后去發(fā)送ajax請(qǐng)求
- jquery跨域請(qǐng)求示例分享(jquery發(fā)送ajax請(qǐng)求)
- jquery的ajax異步請(qǐng)求接收返回json數(shù)據(jù)實(shí)例
- jsp+ajax發(fā)送GET請(qǐng)求的方法
- js與jQuery終止正在發(fā)送的ajax請(qǐng)求的方法
- 防止重復(fù)發(fā)送Ajax請(qǐng)求的解決方案