也写一个Ajax.Request类附代码
程序员文章站
2022-08-10 09:54:09
目的:因为blog程序里的某些模块需要用到ajax,直接使用prototype.js体积比较大(40多k),而且仅仅用到其中的ajax功能,因此为了减轻下载的负担,又不能改...
目的:因为blog程序里的某些模块需要用到ajax,直接使用prototype.js体积比较大(40多k),而且仅仅用到其中的ajax功能,因此为了减轻下载的负担,又不能改动已经在prototype.js框架下写好的代码,只能是按照prototype的风格,自己写一个ajax类,达到零成本移植框架。
新的ajax类如下:
var ajax = {xmlhttp:function(){
try{
return new activexobject('msxml2.xmlhttp');
}catch(e){
try{
return new activexobject('microsoft.xmlhttp');
}catch(e){
return new xmlhttprequest();
}
}
}
};
ajax.request = function(){
if (arguments.length<2) return;
var _p = {asynchronous:true,method:"get",parameters:""}; //default option
for (var key in arguments[1]){ // custom option overwrite default option
_p[key] = arguments[1][key];
}
var _x = ajax.xmlhttp(); //xml obj
var _url = arguments[0]; //str
if(_p["parameters"].length>0) _p["parameters"] += '&_=';
if(_p["method"].touppercase()=="get")_url += (_url.match(/\?/) ? '&' : '?') + _p["parameters"];
_x.open(_p["method"],_url,_p["asynchronous"]);
_x.onreadystatechange = function(){
if (_x.readystate==4){
if(_x.status==200){
_p["oncomplete"]?_p["oncomplete"](_x):"";
}else{
_p["onerror"]?_p["onerror"](_x):"";
}
}
}
if(_p["method"].touppercase()=="post")_x.setrequestheader("content-type","application/x-www-form-urlencoded");
_x.send(_p["method"].touppercase()=="post" ? _p["parameters"] : null);
};
这个类保存成js文件,体积还不到1k,足够小了。哈哈。
调用方法:
var myajax = new ajax.request(
"http://localhost/abc.asp",
{
method:"post",
parameters:"demo=123456789abc",
oncomplete:function(xmlhttp){
alert(xmlhttp.responsetext)
}
}
);
调用的风格完全与原来相同!
目前这个新类只有两个回调函数:oncomplete 与 onerror,ajax类也只有request一个方法,毕竟现在blog程序还不需要这么多应用嘛。parameters 属性有个默认值:{asynchronous:true,method:"get",parameters:""},可以从中知道,如果调用时不传入asynchronous、method、parameters三个参数,那么类将使用默认值。
新的ajax类如下:
var ajax = {xmlhttp:function(){
try{
return new activexobject('msxml2.xmlhttp');
}catch(e){
try{
return new activexobject('microsoft.xmlhttp');
}catch(e){
return new xmlhttprequest();
}
}
}
};
ajax.request = function(){
if (arguments.length<2) return;
var _p = {asynchronous:true,method:"get",parameters:""}; //default option
for (var key in arguments[1]){ // custom option overwrite default option
_p[key] = arguments[1][key];
}
var _x = ajax.xmlhttp(); //xml obj
var _url = arguments[0]; //str
if(_p["parameters"].length>0) _p["parameters"] += '&_=';
if(_p["method"].touppercase()=="get")_url += (_url.match(/\?/) ? '&' : '?') + _p["parameters"];
_x.open(_p["method"],_url,_p["asynchronous"]);
_x.onreadystatechange = function(){
if (_x.readystate==4){
if(_x.status==200){
_p["oncomplete"]?_p["oncomplete"](_x):"";
}else{
_p["onerror"]?_p["onerror"](_x):"";
}
}
}
if(_p["method"].touppercase()=="post")_x.setrequestheader("content-type","application/x-www-form-urlencoded");
_x.send(_p["method"].touppercase()=="post" ? _p["parameters"] : null);
};
这个类保存成js文件,体积还不到1k,足够小了。哈哈。
调用方法:
var myajax = new ajax.request(
"http://localhost/abc.asp",
{
method:"post",
parameters:"demo=123456789abc",
oncomplete:function(xmlhttp){
alert(xmlhttp.responsetext)
}
}
);
调用的风格完全与原来相同!
目前这个新类只有两个回调函数:oncomplete 与 onerror,ajax类也只有request一个方法,毕竟现在blog程序还不需要这么多应用嘛。parameters 属性有个默认值:{asynchronous:true,method:"get",parameters:""},可以从中知道,如果调用时不传入asynchronous、method、parameters三个参数,那么类将使用默认值。
上一篇: 使用存储过程实现分页
下一篇: Android仿QQ复制昵称效果
推荐阅读
-
一个PHP缓存类代码(附详细说明)_PHP教程
-
用C#写的一个OA类的APP, ios、Android都能跑,有源代码
-
仿Aspnetpager的一个PHP分页类代码 附源码下载
-
一个PHP缓存类代码(附详细说明)
-
也写一个Ajax.Request类附代码
-
用C#写的一个OA类的APP, ios、Android都能跑,有源代码
-
用C#写的一个OA类的APP, ios、Android都能跑,有源代码
-
用python写一个福字(附完整代码)
-
最近都在使用 Git@OSC 代码托管,分享一个php写的获取git仓库信息的类
-
将java连接数据库的代码封装成一个新的类,在日后写其他代码时候会简洁许多!