XMLHttpRequest实例创建

 

var net = new Object();          // 定义一个全局变量net
// 编写构造函数
net.AjaxRequest = function(url, onload, onerror, method, params) {
 this.req = null;
 this.onload = onload;
 this.onerror = (onerror) ? onerror : this.defaultError;
 this.loadDate(url, method, params);
}
// 编写用于初始化XMLHttpRequest对象并指定处理函数，最后发送HTTP请求的方法
net.AjaxRequest.prototype.loadDate = function(url, method, params) {
 if (!method) {
  method = "GET";
 }
 if (window.XMLHttpRequest) {
  this.req = new XMLHttpRequest();
 } else if (window.ActiveXObject) {
  this.req = new ActiveXObject("Microsoft.XMLHTTP");
 }
 if (this.req) {
  try {
   var loader = this;
   this.req.onreadystatechange = function() {
    net.AjaxRequest.onReadyState.call(loader);
   }
   this.req.open(method, url, true);    // 建立对服务器的调用
   if (method == "POST") {      // 如果提交方式为POST
    this.req.setRequestHeader("Content-Type",
      "application/x-www-form-urlencoded"); // 设置请求头（针对普通表单）
    //this.req.setRequestHeader("Content-Type","multipart/form-data"); //设置请求头（针对MIME表单）
   }
   this.req.send(params);        // 发送请求
  } catch (err) {
   this.onerror.call(this);
  }
 }
}

// 重构回调函数，在该函数中根据请求的结果，指定执行的处理函数
net.AjaxRequest.onReadyState = function() {
 var req = this.req;
 var ready = req.readyState;
 if (ready == 4) {           // 请求完成
  if (req.status == 200) {       // 请求成功
   this.onload.call(this);      // 调用指定的回调函数
  } else {
   this.onerror.call(this);      // 调用指定的错误处理函数
  }
 }
}
// 重构默认的错误处理函数
net.AjaxRequest.prototype.defaultError = function() {
 alert("错误数据\n\n回调状态:" + this.req.readyState + "\n状态: " + this.req.status);
}