美文网首页
Jquery ajax封装

Jquery ajax封装

作者: 陈小爬_ | 来源:发表于2019-08-06 16:05 被阅读0次
function postData(url, data, fnObj) {
    $.ajax( {
            url: url,
            type: "post",
            headers: {
                Authorization: "Bearer " + token
            },
            data: data,
            success: function () {
                if (fnObj && typeof fnObj.fn === 'function') {
                    fnObj.fn.apply(this, arguments);
                }
            },
            error: function (msg, st, e) {
                if (fnObj && typeof fnObj.err === 'function') {
                    fnObj.err.apply(this, arguments);
                }
            }
        });
}
function getData(url, fnObj) {
    $.ajax( {
            url: url,
            type: "get",
            headers: {
                Authorization: "Bearer " + token
            },
            success: function () {
                if (fnObj && typeof fnObj.fn === 'function') {
                    fnObj.fn.apply(this, arguments);
                }
            },
            error: function (msg, st, e) {
                if (fnObj && typeof fnObj.err === 'function') {
                    fnObj.err.apply(this, arguments);
                }
            }
        });
}

function postTxtData(url, data, fnObj){
    $.ajax( {
        url:url,
        type: "post",
        contentType: 'text/plain',
        dataType: 'json',
        headers: {
            Authorization: "Bearer " + token
        },
        data:JSON.stringify(data),
        success: function () {
            if (fnObj && typeof fnObj.fn === 'function') {
                fnObj.fn.apply(this, arguments);
            }
        },
        error: function (msg, st, e) {
            if (fnObj && typeof fnObj.err === 'function') {
                fnObj.err.apply(this, arguments);
            }
        }
    });
}

/*调用*/
 postTxtData(url, { type: 1 }, {
    fn: function (res) {
       ...
    },
    err: function (error) {
      ...
    }
 });

相关文章

  • Jquery Ajax 封装

    Jquery Ajax封装 Jquery Ajax 调用

  • 【JavaWeb】jQuery对Ajax的支持

    jQuery对Ajax的支持 jQuery对Ajax进行封装,提供了$.ajax()方法 语法:$.ajax(op...

  • 封装 jQuery.ajax

    封装一个 jQuery.ajax 升级jQuery.ajax 满足 Promise 规则

  • promise

    let 封装一个jQuery.ajax 可用jQuery.ajax(url,method,body,success...

  • html5的ajax学习(三)

    一.原生的ajax封装 原生的ajax的调用 二.jquery的ajax 2.1 jquery的语法 三. fun...

  • ajax总结

    1. Ajax 1.1 原生JavaScript封装Ajax 1.2 jquery ajax 及其 快捷方法 $....

  • 黑猴子的家:JavaWeb 之 Jquery

    1、JQuery对Ajax的支持(web_ajax) JQuery是当前比较主流的 JavaScript 库,封装...

  • AJAX学习(二):jQuery与AJAX

    AJAX()方法 jQuery对AJAX进行了非常完整的封装,提供了非常丰富的AJAX方法以供使用。jQuery中...

  • JQuery_AJAX

    jquery Ajax是对 XMLHttpequest 对象的封装 常用部分 $.ajax({type: "POS...

  • jQuery中的Ajax

    jQuery中的ajax 封装第一层 - 类似于原生ajax的用法$ajax 封装第二层 - 基于第一层再次封装$...

网友评论

      本文标题:Jquery ajax封装

      本文链接:https://www.haomeiwen.com/subject/gklwdctx.html