来自<Ajax开发精要> 柯自聪著
一个基本的处理框架,即一个处理函数.
放在一个.js文件里
//定义XMLHttpRequest对象实例
var http_request = false;
// 定义可复用的http请求发送函数
function send_request(method,url,content,responseType,callback) {//初始化method为get或者post,
// uri为请求的uri .content是要发送时的内容,responeType是test或者xml,callback是要响应后调用的处理函数
http_request = false;
//初始化XMLHttpRequest对象
if(window.XMLHttpRequest) { //Mozilla 浏览器
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {//设置MIME类别
http_request.overrideMimeType("text/xml");
}
}
else if (window.ActiveXObject) { // IE浏览器
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!http_request) { // 异常,创建对象实例失败
window.alert("不能创建XMLHttpRequest 对象实例");
return false;
}
if(responseType.toLowerCase()=="text") {
//http_request.onreadystatechange = processTextResponse;
http_request.onreadystatechange = callback;
}
else if(responseType.toLowerCase()=="xml") {
//http_request.onreadystatechange = processXMLResponse;
http_request.onreadystatechange = callback;
}
else {
window.alert("响应类别参数错误");
return false;
}
//确定发送请求方式和URL以及是否异步执行下列代码
if(method.toLowerCase()=="get") {
http_request.open(method, url, true);//true表示异步执行
}
else if(method.toLowerCase()=="post") {
http_request.open(method, url, true);
http_request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
}
else {
window.alert("http请求类别参数错误");
return false;
}
http_request.send(content);
}
// 处理返回的函数书写格式
function processResponse() {
if (http_request.readyState == 4) { // 判断对象状态
if (http_request.status == 200) { // ÐÅÏ¢ÒѾ³É¹¦·µ»Ø£¬¿ªÊ¼´¦ÀíÐÅÏ¢
dosomething();
} else { //页面不正常
alert(" 请求的页面有异常");
}
}
}