ajax封装

最新推荐文章于 2021-01-29 10:04:20 发布

九州清宴

最新推荐文章于 2021-01-29 10:04:20 发布

阅读量75

点赞数

分类专栏： js 文章标签： ajax js 封装

本文链接：https://blog.csdn.net/chenxiaodage/article/details/109440077

版权

js 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

//    ajax封装
    function ajax(json){
        json.type = json.type ? json.type : 'get';
        
        json.async = json.async == false ? false : true;
        
        json.contentType = json.contentType ? json.contentType : 'application/x-www-form-urlencoded';
        json.date = json.date ? json.date : '';
        
        var ajax = new XMLHttpRequest();
        
        // 判断get还是post
        if(json.type.toLowerCase() == 'post'){
            ajax.open('post', json.url , json.async);
            ajax.setRequestHeader('Content-type', json.contentType + ';charset=utf-8');
            ajax.send(json.date);
        }else{
            ajax.open('get', json.url + '?' + json.date , json.async);
            ajax.send();
        }
        ajax.onreadystatechange = function(){
            if(ajax.readyState == 4 && ajax.status == 200){
                json.success(ajax.response);
            }
        }
                }