一个方便AJAX开发的通用类
程序员文章站
2022-07-02 16:59:54
name: ajaxrequest author: hotheart(xujiwei) site: http://www.xujiwei.cn...
name: ajaxrequest
author: hotheart(xujiwei)
site: http://www.xujiwei.cn/
blog: http://www.xujiwei.cn/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://www.xujiwei.cn
e-mail: vipxjw@163.com
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-www-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.com>
// @url http://www.surfchen.org/
// @license http://www.gnu.org/licenses/gpl.html gpl
// modified by xujiwei
// @url http://www.xujiwei.cn/
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://www.xujiwei.cn/
blog: http://www.xujiwei.cn/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://www.xujiwei.cn
e-mail: vipxjw@163.com
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-www-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.com>
// @url http://www.surfchen.org/
// @license http://www.gnu.org/licenses/gpl.html gpl
// modified by xujiwei
// @url http://www.xujiwei.cn/
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;
}
}