简单封装的ajax请求

最新推荐文章于 2022-07-14 18:19:37 发布

weixin_33836223

最新推荐文章于 2022-07-14 18:19:37 发布

阅读量290

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/bobo-pcb/p/10600400.html

本文介绍了一个简单的AJAX请求封装方法，旨在减少重复代码并进行统一处理。该封装使用jQuery库实现，通过设置默认参数简化了AJAX调用过程。

简单封装了一个ajax请求，做一下统一处理，少写重复代码，只是一个初步的代码，没有经过优化。

$.extend({
    myAjax: function (option, rollBack) {
        var that = this;
        var myOption = {
            type: "post",
            timeout: 10000,
            success: function (data) {
                data = $.eval(data);
                if (data.hasOwnProperty("Success")) {
                    if (data.Success) {
                        if (rollBack)
                            rollBack(data);
                        else {
                            swal(data.Message, "", "success");
                        }
                    }
                    else {
                        console.info(data);
                        swal(data.Message, "", "info");
                    }
                } else {
                    if (rollBack)
                        rollBack(data);
                } 
            },
            error: function (data) {
                if (data.statusText == "timeout") {
                    swal("处理数据超时，请稍后再试", "", "info");
                } else {
                    swal("后台出现错误，请稍后再试", "", "info");
                }
                console.info(data);
            }
        };
        myOption = $.extend(myOption, option);
        $.ajax(myOption);
    }
});