Ajax通用写法

最新推荐文章于 2022-06-30 04:13:02 发布

love_beibei

最新推荐文章于 2022-06-30 04:13:02 发布

阅读量765

点赞数

分类专栏： Asp.Net 文章标签： ajax parameters xmlhttprequest function object url

本文链接：https://blog.csdn.net/love_beibei/article/details/4303777

版权

Asp.Net 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

本文介绍了一个用于封装XMLHttpRequest对象的方法，该方法通过构造AjaxObject类并定义其属性和方法来实现。封装后的对象支持设置请求方式、URL、同步或异步处理等属性，并能通过回调函数处理响应。

摘要由CSDN通过智能技术生成

/*
*
* 功能描述：封装XMLHttpRequest对象
* 属性列表：
     requestMode:请求方式
     url:处理请求的应用程序
     isAcynch:true代表异步处理，false：代表同步处理
     callBackMethod:回调函数
     functionName:处理请求的方法名
     parameters：参数对象
*
*/
//
// 构造对象
//
function AjaxObject(requestMode , url , isAcynch , callBackMethod, functionName , parameters)
{
this.requestMode = requestMode;
this.url = url;
this.isAcynch = isAcynch;
this.callBackMethod = callBackMethod;
this.functionName = functionName;
this.parameters = parameters;
}
//
// 初始化属性原型
//
AjaxObject.prototype.requestMode = 'POST';
AjaxObject.prototype.isAcynch = true;
//
// 封装后的发送方法
//
AjaxObject.prototype.send = function()
{
// 创建对象
var xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');
var myCallBackMethod = this.callBackMethod;

xmlHttp.open(this.requestMode , this.url , this.isAsynch);
xmlHttp.onreadystatechange = function(){myCallBackMethod(xmlHttp);};

var parameter = '<action><function name="'+ this.functionName +'" />';
parameter += '<parameters>';

// 添加参数
if (null != this.parameters && this.parameters.constructor == Object)
{
  for(var i in this.parameters)
  {
   parameter += '<parameter name="'+ i +'">'+ this.parameters[i] +'</parameter>';
  }
}
parameter += '</parameters>';
parameter += '</action>';
// 发送请求
xmlHttp.send(parameter);
}