一个方便AJAX开发的通用类
网络编程 2021-07-05 10:36www.168986.cn编程入门
Name: AJAXRequest
Author: HotHeart(xujiwei)
Site: http://.xujiwei./
Blog: http://.xujiwei./blog/
Copyright (c) 2006, All Rights Reserved
类名AJAXRequest
版本0.3
日期2006-12-18
介绍AJAXRequest是一个方便AJAX开发的通用类，可以方便地进行一些AJAX中需要的操作，从而简化开发步骤，减少重复代码编写量。
创建方法
var ajaxobj=new AJAXRequest([url],[callback],[content],[method],[async]);
如果创建失败则返回false
属性
url - 请求URL，字符串，默认为空
callback - 回调函数，即返回响应内容时调用的函数，默认为直接返回，回调函数有一个参数为XMLHttpRequest对象，即定义回调函数时要这样function mycallback(xmlobj)
content - 请求的内容，如果请求方法为POST需要设定此属性，默认为空字符串
method - 请求方法，字符串，POST或者GET，默认为POST
async - 是否异步，true为异步，false为同步，默认为true
方法
function send([url],[callback],[content],[method],[async])
发送请求，可选参数列表为空就使用对象属性
function get([url],[callback])
使用GET方法请求一个URL，可选参数默认使用对象属性
function post(form_obj,[callback],[url],[method])
发送一个表单到指定URL，form_obj为指定表单对象，可选参数为空时使用对象属性
示例
1. get方法
function test1() {
var ajax=new AJAXRequest;
ajax.get(
"test.asp",
function(obj) {
document.getElementById("test1").value=obj.responseText;
}
);
}
2. post方法
function test2() {
var ajax=new AJAXRequest;
ajax.post(
document.getElementById("test2c"),
function(obj) {
document.getElementById("test2r").innerHTML=obj.responseText;
}
);
}
/------------------------------------------
Author: xujiwei
Website: http://.xujiwei.
E-mail: xjw@163.
Copyright (c) 2006, All Rights Reserved
------------------------------------------/
function AJAXRequest() {
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;
if(arguments[0]) this.url=arguments[0]; else this.url="";
if(arguments[1]) this.callback=arguments[1]; else this.callback=function(obj){return};
if(arguments[2]) this.content=arguments[2]; else this.content="";
if(arguments[3]) this.method=arguments[3]; else this.method="POST";
if(arguments[4]) this.async=arguments[4]; else this.async=true;
this.send=function() {
var purl,pcbf,pc,pm,pa;
if(arguments[0]) purl=arguments[0]; else purl=this.url;
if(arguments[1]) pc=arguments[1]; else pc=this.content;
if(arguments[2]) pcbf=arguments[2]; else pcbf=this.callback;
if(arguments[3]) pm=arguments[3]; else pm=this.method;
if(arguments[4]) pa=arguments[4]; else pa=this.async;
if(!pm||!purl||!pa) return false;
xmlObj.open (pm, purl, pa);
if(pm=="POST") xmlObj.setRequestHeader("Content-Type","application/x--form-urlencoded");
xmlObj.onreadystatechange=function() {
if(xmlObj.readyState==4) {
if(xmlObj.status==200) {
pcbf(xmlObj);
}
else {
pcbf(null);
}
}
}
if(pm=="POST")
xmlObj.send(pc);
else
xmlObj.send("");
}
this.get=function() {
var purl,pcbf;
if(arguments[0]) purl=arguments[0]; else purl=this.url;
if(arguments[1]) pcbf=arguments[1]; else pcbf=this.callback;
if(!purl&&!pcbf) return false;
this.send(purl,"",pcbf,"GET",true);
}
this.post=function() {
var fo,pcbf,purl,pc,pm;
if(arguments[0]) fo=arguments[0]; else return false;
if(arguments[1]) pcbf=arguments[1]; else pcbf=this.callback;
if(arguments[2])
purl=arguments[2];
else if(fo.action)
purl=fo.action;
else
purl=this.url;
if(arguments[3])
pm=arguments[3];
else if(fo.method)
pm=fo.method.toLowerCase();
else
pm="post";
if(!pcbf&&!purl) return false;
pc=this.formToStr(fo);
if(!pc) return false;
if(pm) {
if(pm=="post")
this.send(purl,pc,pcbf,"POST",true);
else
if(purl.indexOf("?")>0)
this.send(purl+"&"+pc,"",pcbf,"GET",true);
else
this.send(purl+"?"+pc,"",pcbf,"GET",true);
}
else
this.send(purl,pc,pcbf,"POST",true);
}
// formToStr
// from SurfChen <surfchen@gmail.>
// @url http://.surfchen./
// @license http://.gnu./licenses/gpl.html GPL
// modified by xujiwei
// @url http://.xujiwei./
this.formToStr=function(fc) {
var i,query_string="",and="";
for(i=0;i<fc.length;i++) {
e=fc[i];
if (e.name!='') {
if (e.type=='select-one') {
element_value=e.options[e.selectedIndex].value;
}
else if (e.type=='checkbox' || e.type=='radio') {
if (e.checked==false) {
continue;
}
element_value=e.value;
}
else {
element_value=e.value;
}
element_value=encodeURIComponent(element_value);
query_string+=and+e.name+'='+element_value;
and="&";
}
}
return query_string;
}
}
Author: HotHeart(xujiwei)
Site: http://.xujiwei./
Blog: http://.xujiwei./blog/
Copyright (c) 2006, All Rights Reserved
类名AJAXRequest
版本0.3
日期2006-12-18
介绍AJAXRequest是一个方便AJAX开发的通用类，可以方便地进行一些AJAX中需要的操作，从而简化开发步骤，减少重复代码编写量。
创建方法
var ajaxobj=new AJAXRequest([url],[callback],[content],[method],[async]);
如果创建失败则返回false
属性
url - 请求URL，字符串，默认为空
callback - 回调函数，即返回响应内容时调用的函数，默认为直接返回，回调函数有一个参数为XMLHttpRequest对象，即定义回调函数时要这样function mycallback(xmlobj)
content - 请求的内容，如果请求方法为POST需要设定此属性，默认为空字符串
method - 请求方法，字符串，POST或者GET，默认为POST
async - 是否异步，true为异步，false为同步，默认为true
方法
function send([url],[callback],[content],[method],[async])
发送请求，可选参数列表为空就使用对象属性
function get([url],[callback])
使用GET方法请求一个URL，可选参数默认使用对象属性
function post(form_obj,[callback],[url],[method])
发送一个表单到指定URL，form_obj为指定表单对象，可选参数为空时使用对象属性
示例
1. get方法
function test1() {
var ajax=new AJAXRequest;
ajax.get(
"test.asp",
function(obj) {
document.getElementById("test1").value=obj.responseText;
}
);
}
2. post方法
function test2() {
var ajax=new AJAXRequest;
ajax.post(
document.getElementById("test2c"),
function(obj) {
document.getElementById("test2r").innerHTML=obj.responseText;
}
);
}
代码如下:
/------------------------------------------
Author: xujiwei
Website: http://.xujiwei.
E-mail: xjw@163.
Copyright (c) 2006, All Rights Reserved
------------------------------------------/
function AJAXRequest() {
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;
if(arguments[0]) this.url=arguments[0]; else this.url="";
if(arguments[1]) this.callback=arguments[1]; else this.callback=function(obj){return};
if(arguments[2]) this.content=arguments[2]; else this.content="";
if(arguments[3]) this.method=arguments[3]; else this.method="POST";
if(arguments[4]) this.async=arguments[4]; else this.async=true;
this.send=function() {
var purl,pcbf,pc,pm,pa;
if(arguments[0]) purl=arguments[0]; else purl=this.url;
if(arguments[1]) pc=arguments[1]; else pc=this.content;
if(arguments[2]) pcbf=arguments[2]; else pcbf=this.callback;
if(arguments[3]) pm=arguments[3]; else pm=this.method;
if(arguments[4]) pa=arguments[4]; else pa=this.async;
if(!pm||!purl||!pa) return false;
xmlObj.open (pm, purl, pa);
if(pm=="POST") xmlObj.setRequestHeader("Content-Type","application/x--form-urlencoded");
xmlObj.onreadystatechange=function() {
if(xmlObj.readyState==4) {
if(xmlObj.status==200) {
pcbf(xmlObj);
}
else {
pcbf(null);
}
}
}
if(pm=="POST")
xmlObj.send(pc);
else
xmlObj.send("");
}
this.get=function() {
var purl,pcbf;
if(arguments[0]) purl=arguments[0]; else purl=this.url;
if(arguments[1]) pcbf=arguments[1]; else pcbf=this.callback;
if(!purl&&!pcbf) return false;
this.send(purl,"",pcbf,"GET",true);
}
this.post=function() {
var fo,pcbf,purl,pc,pm;
if(arguments[0]) fo=arguments[0]; else return false;
if(arguments[1]) pcbf=arguments[1]; else pcbf=this.callback;
if(arguments[2])
purl=arguments[2];
else if(fo.action)
purl=fo.action;
else
purl=this.url;
if(arguments[3])
pm=arguments[3];
else if(fo.method)
pm=fo.method.toLowerCase();
else
pm="post";
if(!pcbf&&!purl) return false;
pc=this.formToStr(fo);
if(!pc) return false;
if(pm) {
if(pm=="post")
this.send(purl,pc,pcbf,"POST",true);
else
if(purl.indexOf("?")>0)
this.send(purl+"&"+pc,"",pcbf,"GET",true);
else
this.send(purl+"?"+pc,"",pcbf,"GET",true);
}
else
this.send(purl,pc,pcbf,"POST",true);
}
// formToStr
// from SurfChen <surfchen@gmail.>
// @url http://.surfchen./
// @license http://.gnu./licenses/gpl.html GPL
// modified by xujiwei
// @url http://.xujiwei./
this.formToStr=function(fc) {
var i,query_string="",and="";
for(i=0;i<fc.length;i++) {
e=fc[i];
if (e.name!='') {
if (e.type=='select-one') {
element_value=e.options[e.selectedIndex].value;
}
else if (e.type=='checkbox' || e.type=='radio') {
if (e.checked==false) {
continue;
}
element_value=e.value;
}
else {
element_value=e.value;
}
element_value=encodeURIComponent(element_value);
query_string+=and+e.name+'='+element_value;
and="&";
}
}
return query_string;
}
}
上一篇：AJAXRequest v0.2
下一篇：如何解决远程页面抓取中的乱码问题
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程：电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示：编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程