ajaxrequest应用(09-03-28更新)

AJAX是这两年蛮热的东西，从网上可以搜索到好多不错的支持AJAX各种应用的类库，因此我都懒得自己也跟着去写一个那样的类（而且我目前还只停留在应用层次，还没达到那么高的开发水平，），从一位高手（http://www.xujiwei.com/）的博客上下载了一个轻量级的AJAX应用类，再加上自己写了一个接口函数，呵呵，亦在网页开发的职场上完成了不少东东噢。

 

AJAX类：ajaxrequest.js。AJAXRequest是一个轻量级的AJAX应用程序开发框架，兼容Firefox、IE、Opera、Safari，可以方便地进行一些AJAX中经常需要用到的操作，从而简化开发步骤，减少重复代码编写量。网友们可以从http://www.xujiwei.com/上关注最新版本

我自己写的接口函数：

//实例化并调用 add by linkunyuan /* url：请求响应的网址 backFunc：请求完成后负责执行的函数名 method：请求方式，默认为GET sendData：当method不为get时要发送的数据，例如"name=linkunyuan&love=jing&time=forever" parameter：传送给backFunc的一些附加参数，请采用json格式，例如parameter={name:lin,love:jing} targetObjId：当method == 'update'时要操作的对象，请参考 http://www.xujiwei.com/上原作者的开发手册 */ function callAjax(url,backFunc,method,sendData,parameter,targetObjId,ajaxInitObj) { method = !method ? 'get' : method; sendData = !sendData ? '' : sendData; parameter = !parameter ? '' : parameter; if(ajaxInitObj) { var ajax = new AJAXRequest(ajaxInitObj); }else { var ajax = new AJAXRequest(); } if(method == 'get') { ajax.get(url,function(obj){backCallAjax(obj,backFunc,parameter);}); } else if(method == 'post') { ajax.post(url,sendData,function(obj){backCallAjax(obj,backFunc,parameter);}); } else if(method == 'update') { ajax.update(targetObjId,url); }else if(method == 'postf') { //ajax.setcharset("GB2312"); //sendData 为form 的name 或ID ajax.postf(sendData,function(obj){backCallAjax(obj,backFunc,parameter);}); } } //回调函数类函数 add by linkunyuan function backCallAjax(obj,backFunc,parameter) { if(typeof(backFunc) == 'function') { backFunc(obj,parameter); } }

一些例子：

1. //*************************处理要发送的评论内容************
2. //newid:评论的新闻ID
3. function sendComment(newid)
4. {
5.     var url = "/action/comment.php";
6.     var cv = document.getElementById("content").value;
7.     var uv = document.getElementById("name").value;
8.     var postDate = "content="+cv+"&name="+uv;
9.     var parameter = {content:cv,name:uv,newid:newid};
10.     callAjax(url,backSendComment,"post",postDate,parameter);    //开始异步传输数据
11. }
12. function backSendComment(obj,parameter)
13. {
14.     if(obj.responseText=="ok")
15.     {
16.         alert(parameter.name+"对ID为"+parameter.newid+"做了以下评论："+parameter.content);   
17.     }
18. }