AJAX的封装

最新推荐文章于 2024-06-07 16:28:20 发布

qq_52068757

最新推荐文章于 2024-06-07 16:28:20 发布

阅读量89

点赞数

分类专栏：笔记文章标签： ajax 前端 javascript

本文链接：https://blog.csdn.net/qq_52068757/article/details/125832012

版权

笔记专栏收录该内容

15 篇文章 1 订阅

订阅专栏

function ajax(obj) {
    let xhr = new XMLHttpRequest()

    if (obj.type.toLowerCase() === 'get') {
        obj.url += '?rand' + Date.now() + '&'
        obj.url += serialize(obj.data)
    }
    xhr.open(obj.type, obj.url)

    if (obj.type.toLowerCase() === 'post') {
        xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        xhr.send(serialize(obj.data))
    } else {
        xhr.send()
    }
    xhr.onreadystatechange = () => {
        if (xhr.readyState === 4) {
            if (xhr.status === 200) {
                obj.success(xhr.responseText)
            } else {
                obj.error('出错了,错误状态是' + xhr.status)
            }
        }

    }

}

function serialize(param) {
    var arr = []
    for (var key in param){
        arr.push(key + '=' + encodeURIComponent(param[key]))
    }
    return arr.join('&')
}