善待自己,珍惜今天,恩泽他人,享受生活

不放弃任何解决困难的机会,人的一生就是解决困难的过程。 当我们走完一生才能说没有问题要解决了。 面对工作、生活上的压力,面对来自家庭、朋友、同事、上司等的困惑。 要排除万难,否则我们就会被万难排除!

博客园 首页 新随笔 联系 订阅 管理

原创作者:网友Adam‘

编写时间:2012-11-05

首先非常感觉网友Admin‘的分享,此类是模拟了Jquery中的Ajax功能,完全可以把Jquery中的ajax替换掉,使用方法和Jquery一样。

这样一来网友们使用单独的Ajax功能的时候就不需要再引入一个上100KB左右大的Jquery插件文件了,只需要引入一个很小的原生JS封装好的3KB大小的Ajax类即可。

为了方便网友们学习,网友Admin’做了对Ajax类使用的Demo,分别是get和post两种请求的使用方法。

接下来主要看一下get和post请求的使用代码:

1、测试get请求的使用方法
Aui_Ajax({
type: "get",
url: "page.php",
send: "name="+sName+"&password="+sPwd,
error: function(){
alert("错误");
},
beforeSend: function(){
oDiv.innerHTML = "数据加载中,请稍后 ...";
},
success: function(data){
oDiv.innerHTML = "get: " + data;
}
});

2、测试post请求的使用方
Aui_Ajax({
type: "post",
url: "page.php",
send: { "name":sName,"password":sPwd },
error: function(){
alert("错误");
},
beforeSend: function(){
oDiv2.innerHTML = "数据加载中,请稍后 ...";
},
success: function(data){
oDiv2.innerHTML = "post: " + data;
}
});

Ajax封装类和示例下载

posted on 2013-01-20 08:33  笨笨丁  阅读(196)  评论(0编辑  收藏  举报