封装兼容ie的ajax

Html

Css

无展示结果，请注意查看js代码

//把一个对象，转成查询字符串
function formateObj(obj) {
    // {a:1,b:2}
    if (obj) {
        var arr = Object.keys(obj);
        // console.log(Object.keys({a:1,b:2}))
        // ?["a", "b"]   =>a=1&b=2
        var rs = arr.map(function(item) {
            // console.log(item)
            var arr = item + '=' + obj[item]
            // return

// a=1b=2
        })
        // console.log(rs)
        return rs.join("&")
    } else {
        return ''
    }
}

function myAjax(obj) {
    var type = obj.type
    var url = obj.url
    var data = obj.data
    // 变量：保存是一个函数。
    var callback = obj.success
    // {a:1,b:2} =====> a=1&b=2
    var params = formateObj(data)
    // console.log(data,params)
    var xhr = new XMLHttpRequest()
    if (type === 'get') {
        if (params !== '') {
            url = url + "?" + params
        }
    }
    xhr.open(type, url)
    if (type === "post") {
        xhr.setRequestHeader('Content-type', "application/x-www-form-urlencoded")
    }

xhr.onload = function() {
        // console.log(11)
        // 调用回调函数，传入响应体
        // 如果传入了callBack,并且callback就是一个函数
        if (typeof callback === 'function') {
            var aa = JSON.parse(xhr.responseText)
            callback(aa)
        }
    }
    if (type === "get") {
        xhr.send()
    } else {
        xhr.send(params)
    }
    xhr.send(type == "get" ? null : params)
}

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

封装兼容ie的ajax

代码描述：封装兼容ie的ajax

更新时间：2020-04-16 09:36:42

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

__ Young

相关代码

封装兼容ie的ajax

最新