Ajax原生写法

最新推荐文章于 2025-08-19 08:41:01 发布

转载最新推荐文章于 2025-08-19 08:41:01 发布 · 55 阅读

文章标签：

#javascript #ViewUI

本文提供了一个使用原生JavaScript实现Ajax请求的示例代码，包括GET和POST两种请求方式，并详细展示了如何设置请求头、处理响应等过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用太久JQuery了，别忘了Ajax原生是怎么写的

var Ajax = {
    get : function (url, callback) {
        
        var req = Ajax.getRequest(callback);
        
        req.open("GET", url, true);
        req.setRequestHeader("If-Modified-Since","0");
        req.send(null);
    },
    post : function (url, param, callback) {
        
        var req = Ajax.getRequest(callback);
        
        req.open("POST", url, true);
        req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
        req.setRequestHeader("If-Modified-Since","0");
        req.send(param);
    },
    getRequest : function (callback) {
        var req;
        try {
            req = new XMLHttpRequest();
        } catch (error) {
            try {
                req = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (error) {
                return null;
            }
        }
        req.onreadystatechange = function() {
            if (req.readyState != 4)
                return;
            if (req.status == 200) {
                callback(req);
            } else
                alert("请求失败:" + req.statusText);
            return true;
        };
        return req;
    },
    encode : function (str) {
        return encodeURIComponent(str);
    }
};