怎么创建通用的AJAX对象

Question

怎么创建通用的AJAX对象

Answer 1

判断服务器是否支持ajax
function tel() {
var tel = false;
try {
tel = new XMLHttpRequest();
} catch(e) {
//针对ie浏览器
try {
tel = new ActiveXObject('Msxml2.XMLHTTP');//ie8
} catch(e) {
try {
tel = new ActiveXObject('Microsoft.XMLHTTP');
} catch(e) {
alert('你的浏览器不支持ajax');
}
}
}
return tel;
}
方法二：
function tel() {
var tel = false;
if(window.XMLHttpRequest) {
tel = new XMLHttpRequest();
} else {
tel = new window.ActiveXObject('Microsoft.XMLHTTP');
}
return tel;
}

Answer 2

function btn_click() {
//创建XMLHttpRequest对象
var xmlHttp = new XMLHttpRequest();

//获取值
var username = document.getElementById("txt_username").value;
var age = document.getElementById("txt_age").value;

//配置XMLHttpRequest对象
xmlHttp.open("get", "action?user=" + <%=user%>
,true);

//设置回调函数
xmlHttp.onreadystatechange = function () {
if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
document.getElementById("result").innerHTML = xmlHttp.responseText;
}
}

//发送请求
xmlHttp.send(null);
}