浅析jqueryajax通用js封装

《浅析jqueryajax通用js封装》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、浅析jQueryAjax通用js封装本文大概分为三步实现jqueryajax通过js封装，通过代码实例讲解，代码附有注释，比较容易理解，具体详情如下所示：第一步：引入jQuery库It;scripttype二"text/javascript"src二"It;%=path%gt;/resources/js/jquery.min.js"gt;It;/scriptgt;第二步：开发Ajax封装类，已测试通过，可以直接调用，直接贴代码，讲解就省了/si*si*si*si*/✓yxxjxxjxzjxzjxzjxzjxzj>zj>zj>zjxsixsix^Jxsix

2、sixxjxzy^xjxxjxxjxxjx✓Tx✓Jxxjxxjxzjxxjxxjx✓Tx✓Tx✓Txzjs✓JxjQueryAjax封装通用类(linjq)xlxXIXXIX✓Tsxrs✓vs✓vs✓vs、!“、lxxlxvjxvjx、“<1>XTSZJXXTSXTSXT^XT^XT^XTS✓TXq、x

3、xx

4、xxlz✓Tx^

5、XxTsxlxsixxlxxlxxlxXTXXTXXT^XiX✓TX✓TX✓TxXTXXTXXTXXTX✓JxxTxx

6、jx✓TxXTXXTXXT%/$(function(){/***ajax封装*url发送请求的地址*data发送到服务器的数据，数组存储，女口：{〃date/z:newDate()・getTime(),"state":1}*async默认值:true。默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为falseo*注意，同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以执行。*type请求方式("POST"或"GET“),默认为〃GET〃*dataType预期服务器返回的数据类型，常用的如：xml>html>json>text

7、^successfn成功回调函数*errorfn失败回调函数*/jQuery.ax=function(url,data,async,type,dataType,suecessfn,errorfn){async=(async==null

8、

9、async二二〃〃I

10、typeof(async)二二〃undefined〃)？〃true〃：async;type=(type==null

11、

12、type二二〃〃

13、

14、typeof(type)二二〃undefined〃)？〃post〃：type;dataType=(dataType==null

15、

16、dataType二二〃z/1

17、t

18、ypeof(dataType)二二〃undefined")?〃jsorT:dataType;data=(data==nu111

19、data==//〃

20、

21、typeof(data)==/zundefined〃)？{〃date〃：newDate()・getTime()}:data;$・ajax({type:type,async:async,data:data,url:ur1,dataType:dataType,success:function(d){successfn(d);},error:function(e){errorfn(e);}});};/***aja

22、x封装*url发送请求的地址*data发送到服务器的数据，数组存储，如：{"date〃:newDate()・getTime(),〃statez/:1}*successfn成功回调函数*/jQuery.axs=function(url,data,successfn){data=(data==null

23、

24、data二二〃〃

25、

26、typeof(da,ta)"undefined〃)？{〃date〃：newDate()・getTime()}:data;$・ajax({type:〃post〃，data:data,url:url,dataType:/zjson〃，succ

27、ess:function(d){successfn(d);}});};/***ajax封装*url发送请求的地址*data发送到服务器的数据，数组存储，如：{/zdate/z：newDate()・getTime(),〃state〃：1}*dataType预期服务器返回的数据类型，常用的如:xml、html>json、text*successfn成功回调函数*errorfn失败回调函数*/jQuery.axse=function(url,data,successfn,errorfn){data=(data==nulldata==typeof(data)二二

28、〃undefined〃)?{"datez/:newDate()・getTime(