热门关键字:
jquery > jquery教程 > 插件详解 > 网友Admin‘分享自己写的Ajax封装类

网友Admin‘分享自己写的Ajax封装类

4175
作者:管理员
发布时间:2012/11/5 18:15:18
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=171

原创作者:网友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封装类和示例下载





如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:Ajax封装类 网友Admin‘
友荐云推荐