本文实例讲述了javascript中AJAX用法。分享给大家供大家参考。具体分析如下：
兼容地获得XMLHttpRequest对象：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
var xhr = null;
if(window.XMLHttpRequest){ //非IE浏览器
xhr = window.XMLHttpRequest;
}else if(window.ActiveXObject){ //IE浏览器
try{ //高版本，受msxml3.dll+支持
xhr = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{ // 低版本，msxml2.6以下版本使用
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){
alert("IE浏览器无法创建ActiveXObject对象！");
}
}
} |
AJAX处理函数：
|
1
2
3
4
5
6
7
8
9
10
|
xhr.open("POST",url,true);
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xhr.onreadystatechange=stateChangeHandler; xhr.send(); //var name="clf"; xhr.send(name);
function stateChangeHandler(){
if(xhr.readystate==4&&xhr.status==200){
var obj = document.getElementById("targetDiv");
obj.innerHTML = xhr.responseText;
}
} |
希望本文所述对大家的javascript程序设计有所帮助。