首页 / AJAX / ajax简单封装

ajax简单封装

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了ajax简单封装，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1507字，纯文字阅读大概需要3分钟。

内容图文

             1
            //
            eg:
             2
            //
             var data ={
             3
            //
                      id: id,
             4
            //
                typeName: mame,
             5
            //
                 getcCity:city
             6
            //
                }
             7
            //
            2.url:需要传到后台的url
             8
            //
            3.callback :回调函数
             9
            //
            +++++++++++++++++++++++Demo:+++++++++++++++++++++++++++++++++++
            10
            //
            var data ={
            11
            //
                id: id,
            12
            //
                typeName: name
            13
            //
            }
            14
            //
            var  url  = encodeURI("${pageContext.request.contextPath}/ajax/certificate/saveCertificateType");
            15
            //
            actionRequest(data,url,function(data){
            16
            //
                if (data.successed) {
            17
            //
                    toNotification("提示！","操作成功！", "success");
            18
            //
                    //刷新表格
            19
            //
                    initnewAttributeTable();
            20
            //
                }else {
            21
            //
                    toNotification("操作失败！", data.message, "error");
            22
            //
                }
            23
            //
            });
            24
            //
            +++++++++++++++++++++++Demo:+++++++++++++++++++++++++++++++++++
            25
            //
            *****************************ajax代码封装************************************
            26
            function
             actionRequest(data,url,callback){

            27 actionRequestExt(data,url,1,callback)
28}
2930//重载ajax方法31function actionRequestExt(data,url,areaId,callback){
32var json = {
33 ‘actionId‘: getActionId(),
34 ‘areaId‘: areaId,
35 ‘data‘:data
36    };
37$.ajax({
38 type: "post",
39url: url,
40data: JSON.stringify(json),
41 dataType: "json",
42 contentType: ‘application/json;charset=utf-8‘,
43 success: function (data) {
44//回调函数45 callback.call(this,data);
46},
47 error: function (xhr, status, statusText) {
48 toNotification("异常！",statusText, "error");
49 $(‘.sa-button-container .cancel‘).click();
50}
51    });
52}
53//获得标识54function getActionId() {
55returnnew Date().getTime();
56 }

 

原文：http://www.cnblogs.com/chenyablog/p/5546913.html

内容总结

以上是互联网集市为您收集整理的ajax简单封装全部内容，希望文章能够帮你解决ajax简单封装所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1192628.html

来源：【匿名】