美文网首页
简单的Ajax封装

简单的Ajax封装

作者: 那麽快樂 | 来源:发表于2019-07-14 15:22 被阅读0次
function ajax(opt) {
        let defult_obj = {
            url: '',
            method: 'GET',
            async: true,
            data: {
                pageSize: 5,
                pageNum: 0,
            },
            success: null,
        }
        let newOpt = Object.assign(defult_obj, opt);
       let xhr = XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
        xhr.onreadystatechange = function () {
            if (xhr.readyState === 4 && xhr.status === 200) {
              console.log(xhr.responseText)
              
            }
        }
        let search = '';
        if (newOpt.method.toUpperCase() === "GET") {
            search = '?' + Object.keys(newOpt.data).map(function (k) {
                return k + '=' + newOpt.data[k];
            }).join('&');
            console.log(search)
        }
        xhr.open(newOpt.method, newOpt.url + search, newOpt.async);
        let data = null;
        if (newOpt.method.toUpperCase() === "POST") {
            xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
            data = JSON.stringify(newOpt.data)
        }
        xhr.send(data);

    }
    ajax({
        url: 'http://192.168.1.119:3000/api/data',
        method: 'POST',
        async: true,
        data: {
            pageSize: 10,
            pageNum: 0,
        },
        success: function (data) {

        }
    })

相关文章

  • ajax

    原生ajax配置详解 对ajax简单封装 调用

  • 封装ajax

    简单的封装ajax 调用

  • Ajax总结

    今天封装了一个简单的ajax。所以顺便总结一下。 #######ajax概念 ajax:Asynchronous ...

  • ajax简单封装

    工作之余简单封装了ajax的请求,但是工作中还是用jquery,axios,angular内部封装好了http模块...

  • 简单封装ajax

    1.在eolinker上创建接口 (1)新建工作空间(第一次新建,之后是否新建视情况而定) (2)新建一个项目(第...

  • ajax简单封装

    ajax同源非同源 非同源:跨域 http://www.kaikeba.com:443/news/id/1 同源:...

  • ajax的简单封装

  • 简单ajax的封装

    好久没有这么勤快的写过这么多东西了,嘿嘿,今天做一个简单的ajax封装,还涉及到IE的一些兼容问题,可以帮助...

  • 简单的Ajax封装

  • Ajax上

    一、封装ajax 二、调用封装好的ajax

网友评论

      本文标题:简单的Ajax封装

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