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

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