封装Ajax请求

最新推荐文章于 2022-09-27 22:37:36 发布

Lx_strive

最新推荐文章于 2022-09-27 22:37:36 发布

阅读量607

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/weixin_41827390/article/details/81286095

版权

笔记专栏收录该内容

9 篇文章 0 订阅

订阅专栏

对ajax请求进行封装，直接调用即可

//获取网页cookie信息
function getCookie(name) {
    var cookieValue = null;
    if(document.cookie && document.cookie !== ''){
        var cookies = document.cookie.split(';');
        for (var i = 0; i < cookies.length; i++){
            var cookie = jQuery.trim(cookies[i]);
            if (cookie.substring(0, name.length + 1) === (name + '=')){
                cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                break;
            }
        }
    }
    return cookieValue;
}

var myajax = {
    'get': function (args) {
      args['method'] = 'get';
      this.ajax(args);
    },
    'post': function (args) {
        args['method'] = 'post';
        this._ajaxSetup();
        this.ajax(args);
    },
    'ajax': function (args) {
        $.ajax(args);
    },
    //设置csrf
    '_ajaxSetup': function () {
        $.ajaxSetup({
            beforeSend: function (xhr, settings) {
                if (!/^(GET|HEAD|OPTIONS|TRACE)$/.test(settings.type) && !this.crossDomain){
                    xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken'));
                }
            }
        });
    }
};