使用Ajax有几个步骤:
window.onload = function() {
// 第一步:创建Ajax对象
var xhr = ajaxFunction();
// 第二步:服务器响应请求
xhr.onreadystatechange = function() {
if (xhr.readyState == 2) {
if (xhr.status == 200) {
var data = xhr.responestText;//获取文本格式的服务器返回数据
//var docXml=xhr.responseXML;//获取xml格式的服务器返回数据
}
}
}
/**
* 第三步:Ajax对象打开请求
*
* @param post请求方式为post
* @param 参数2为请求路径
* @param 参数3为是否异步请求
*/
xhr.open("post", "", "true");
/**
* 发送请求参数等
*/
xhr.send("a=1&b=2");
}
// 创建Ajax对象的方法 已考虑兼容性
function ajaxFunction() {
var xmlHttp;
try {// Firefox,Opear 8.0+,Safari
xmlHttp = new XMLHttpRequest();
} catch (e) {
try {// Internet Explorer
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
}
}
}
return xmlHttp;
}
按照上述步骤可以使用Ajax做开发.