js 对ajax进行封装处理

最新推荐文章于 2023-09-20 10:27:08 发布

原创最新推荐文章于 2023-09-20 10:27:08 发布 · 324 阅读

0 ·

CC 4.0 BY-SA版权

代码集专栏收录该内容

51 篇文章

订阅专栏

本文深入探讨了自定义Ajax函数的设计与实现，详细解析了如何通过设置不同的参数选项来定制Ajax请求，包括请求方法、URL、数据类型、异步处理等。此外，还介绍了如何使用Deferred对象处理请求的成功、失败和完成状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function GetAjax() {
        this.ajax = function (opts) {
            var _this = this;
            this.method = opts.method || "post";
            this.url = opts.url;
            this.data = opts.data || {};
            this.cache = opts.cache || false;
            if (typeof opts.async === "undefined" || opts.assign === null || opts.assign === "") {
                this.async = true;
            } else {
                this.async = opts.async;
            }

            this.dataType = opts.dataType || "json";
            this.beforeSend = opts.beforeSend || function () {
                return true;
            };
            this.complete = opts.complete || function () {
                return true;
            };
            this.success = opts.success || function () {
                return true;
            };
            this.error = opts.error || function () {
                return true;
            };

            var wait = function () {
                var d = $.Deferred();
                $.ajax({
                    method: _this.method,
                    url: _this.url,
                    data: _this.data,
                    dataType: _this.dataType,
                    cache: _this.cache,
                    async: _this.async,
                    beforeSend: function (XHR) {
                        _this.layerload = layer.load(1);
                        _this.beforeSend(XHR);
                    },
                    success: function (res) {
                        _this.success(res)
                    },
                    error: function (err) {
                        _this.error(err)
                    },
                    complete: function (XHR, TS) {
                        layer.close(_this.layerload);
                        _this.complete(XHR);
                    }
                }).done(function (res) {
                    d.resolve(res);
                }).fail(function (err) {
                    console.error(err);
                    d.reject(err);
                });
                return d.promise();
            };
            return $.when(wait());

        }
    }