当前位置: 代码迷 >> Java Web开发 >> 求教一段ajax复建的代码
  详细解决方案

求教一段ajax复建的代码

热度:6098   发布时间:2013-02-25 21:10:00.0
求教一段ajax重构的代码
求教一段ajax重构的代码
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){ //设置默认为的请求方式为GET
  method="GET";
  }
  if (window.XMLHttpRequest){ // Mozilla……等非IE浏览器
  this.req=new XMLHttpRequest(); //创建XMLHttpRequest对象
  } else if (window.ActiveXObject){ //IE浏览器
try{
this.req=new ActiveXObject("Msxml2.XMLHTTP"); //创建XMLHttpRequest对象
}catch(e){
try{
this.req=new ActiveXObject("Microsoft.XMLHTTP"); //创建XMLHttpRequest对象
}catch(e){}
}
  }
  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.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);
}
这是在《JAVA WEB开发实战宝典》中的“ajax重构”这一章看到的一段js程序,基本没怎么看懂。AjaxRequest的属性方法有哪些?我百度不到。 net.AjaxRequest.onReadyState.call(loader)的onReadyState是什么?call函数有什么用?

------解决方案--------------------------------------------------------
open方法的第三个参数是true,表示为异步,异步必须要有onReadyState方法,call就不知道了
------解决方案--------------------------------------------------------
net.AjaxRequest.onReadyState.call(loader)的onReadyState是什么?

onReadyState是一个function对象,
Function.call(thisObj, args...)
表示调用这个function,thisObj是在这个function里用到的this指向的对象
  相关解决方案