当前位置: 首页 > 图文教程 > 网络编程 > AJAX技术 > AJAXRequest v0.2

AJAX技术
自己动手封装的 ajax
Ajax 对象 包含post和get两种异步传输方式
Ajax 超时检查脚本
AJAX 简介及入门实例
ajax 开发守则 10条说明
Ajax 返回字符串的过滤实现代码
Ajax 程序开发中常见问题
AJAX 验证框架13个
ajax 入门基础之 XMLHttpRequest对象总结
基于AJAX的分页类实现代码
如何在Asp.net中使用HtmlArea编辑器
使用 jQuery 简化 Ajax 开发
ASP.NET 与 Ajax 的实现方式
AJAX技术介绍
Ajax程序设计入门
学习Ajax教程,详细了解Get与Post
关于Ajax responseText 的一点阐述
ajax中文乱码解决方法
AJAX中文问题总结
AJAX无刷新更新数据

AJAX技术 中的 AJAXRequest v0.2


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-13   浏览: 48 ::
收藏到网摘: n/a

更新:
1)更改构造函数,使带参数,简化使用的步骤
类名:AJAXRequest
创建方法:
var ajaxobj=new AJAXRequest(method,url,async,content,callback);
如果创建失败则返回false
属性:method - 请求方法,字符串,POST或者GET,默认为POST
   url - 请求URL,字符串,默认为空
   async - 是否异步,true为异步,false为同步,默认为true
   content - 请求的内容,如果请求方法为POST需要设定此属性,默认为空
   callback - 回调函数,即返回响应内容时调用的函数,默认为直接返回,回调函数有一个参数为XMLHttpRequest对象,即定义回调函数时要这样:function mycallback(xmlobj)
方法:send() - 发送请求,无参数
一个例子:
复制代码 代码如下:

<script type="text/javascript" src="ajaxrequest.js"></script>
<script type="text/javascript">
// 请求方式GET,URL为default.asp,异步
var ajaxobj=new AJAXRequest("GET","default.asp",true,null,MyCallback); // 创建AJAX对象
ajaxobj.send(); // 发送请求
function MyCallback(xmlObj) {
document.write(xmlobj.responseText);
}

ajaxrequest.js
复制代码 代码如下:

/*------------------------------------------
Author: xujiwei
Website: http://www.xujiwei.cn
E-mail: [email protected]
Copyright (c) 2006, All Rights Reserved
------------------------------------------*/
function AJAXRequest(pmethod,purl,pasync,pcontent,pcallback) {
var xmlObj = false;
var CBfunc,ObjSelf;
ObjSelf=this;
try { xmlObj=new XMLHttpRequest; }
catch(e) {
try { xmlObj=new ActiveXObject("MSXML2.XMLHTTP"); }
catch(e2) {
try { xmlObj=new ActiveXObject("Microsoft.XMLHTTP"); }
catch(e3) { xmlObj=false; }
}
}
if (!xmlObj) return false;
this.method=pmethod;
this.url=purl;
this.async=pasync;
this.content=pcontent;
this.callback=pcallback;
this.send=function() {
if(!this.method||!this.url||!this.async) return false;
xmlObj.open (this.method, this.url, this.async);
if(this.method=="POST") xmlObj.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlObj.onreadystatechange=function() {
if(xmlObj.readyState==4) {
if(xmlObj.status==200) {
ObjSelf.callback(xmlObj);
}
}
}
if(this.method=="POST") xmlObj.send(this.content);
else xmlObj.send(null);
}
}