自已封装Ajax方法

最新推荐文章于 2025-08-13 10:52:50 发布

weixin_30828379

最新推荐文章于 2025-08-13 10:52:50 发布

阅读量54

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lhl98/p/3785901.html

本文介绍了一个简单的AJAX实现方法，包括创建XMLHttpRequest对象，并通过GET和POST方式发送请求。此外，还提供了处理响应的成功和失败回调函数。

function createXHR() {
    var request;
    if (typeof (XMLHttpRequest) == 'undefined') {
        request = new ActiveXObject('Microsoft.XMLHTTP');
    } else {
        request = new XMLHttpRequest();
    }
    return request;
}

var xhr = createXHR();

function ajax(method, url, isAsync, data, fnsuccess, fnerror) {
    xhr.open(method, url, isAsync);
    if (method.toLocaleLowerCase() == 'post') {
        xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    }
    xhr.onreadystatechange = function () {
        if (xhr.readyState == 4) {
            if (xhr.status == 200) {
                return fnsuccess(xhr.responseText);
            } else {
                return fnerror();
            }
        }
    };
    xhr.send(data);
}

function get(url, fnsuccess) {
    return ajax("get", url, true, null, fnsuccess, null);
}

function post(url, data, fnsuccess) {
    return ajax("post", url, true, data, fnsuccess, null);
}

转载于:https://www.cnblogs.com/lhl98/p/3785901.html