原创作者:网友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;
}
});
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步