AJAX类代码

时间:2024-09-19 03:09:25 AJAX 我要投稿
  • 相关推荐

关于AJAX类代码

  基本用法:

  复制代码 代码如下:

  var ajax = new AjaxObj(url);

  ajax.addListener(200, function(r){

  alert(r);

  });

  ajax.send();

  也可以连续调用:

  复制代码 代码如下:

  var ajax = new AjaxObj(url).addListener(200, function(r){

  alert(r);

  }).send();

  另外还支持自定义的POST或GET方式请求,以及监视不同的HTTP状态码,自己看代码琢磨吧 :)

  完整代码:

  复制代码 代码如下:

  AjaxObj = function(url, method, content){

  this.r = null;

  this.url = url;

  this.method = method;

  this.content = content;

  this.header = {};

  this.header["Connection"] = "close";

  this.header["Content-type"] = "application/x-www-form-urlencoded";

  var self = this;

  if(window.XMLHttpRequest){

  this.r = new XMLHttpRequest();

  }else if(window.ActiveXObject){

  try {

  this.r = new ActiveXObject("Msxml2.XMLHTTP");

  } catch(e) {

  try{

  this.r = new ActiveXObject("Microsoft.XMLHTTP");

  } catch(e) {

  }

  }

  }

  this.addListener = function(http_status, func){

  if(!this.L)

  this.L=[];

  this.L[http_status] = func;

  return this;

  };

  this.setHeader = function(name, value){

  this.header[name] = value;

  this.r.setRequestHeader(name, value);

  return this;

  };

  this.send = function(){

  if(this.method != "post" && this.method != "get")

  this.method = "get";

  this.r.open(this.method, this.url, true);

  for(var h in this.header) {

  this.r.setRequestHeader(h, this.header[h]);

  }

  this.r.send(this.content);

  };

  if(this.r) this.r.onreadystatechange = function(){

  if(self.r.readyState == 4 && self.L[self.r.status] != null)

  self.L[self.r.status](self.r.responseText);

  };

  };

【AJAX类代码】相关文章:

JS AJAX前台如何给后台类的函数传递参数的方法07-08

2016职称英语综合类A代码12考试答案09-14

AJAX的工作原理及优缺点08-16

过滤HTML代码08-29

使用ajax操作JavaScript对象的方法09-28

关于Ajax技术原理的几点总结01-10

基于ajax实现无刷新分页的方法10-15

解析ajax请求post和get的区别10-01

如何利用ajax获取博文列表08-03

浅谈Ajax修改购物车的方法06-29