Ajax原生写法

简介:

用太久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);
    }
};
复制代码
相关文章
|
敏捷开发 JavaScript 前端开发
❤❤❤【Vue.js最新版】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本❤❤❤
❤❤❤【Vue.js最新版】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本❤❤❤
|
JavaScript 前端开发 安全
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
189 5
|
XML JSON 前端开发
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
160 0
|
JSON 前端开发 JavaScript
JavaScript原生实现AJAX技术详解
【4月更文挑战第22天】本文详细介绍了使用原生JavaScript实现AJAX技术,包括基本原理和步骤。AJAX借助`XMLHttpRequest`对象实现异步通信,允许网页在不刷新情况下与服务器交换数据。文中提供示例展示了如何创建请求、设置回调函数、处理响应数据以及设置请求头和发送不同类型的数据。此外,还讨论了跨域问题及其解决方案,如CORS和JSONP。掌握这些基础知识对前端开发者至关重要,尽管现代框架提供了更高级的抽象。
|
JSON 前端开发 JavaScript
原生 AJAX 详解
原生 AJAX 详解
190 0
|
前端开发 JavaScript API
【uni-app】【基于jQuery Ajax】[sd.js]最新原生完整版for凯哥API版本
【uni-app】【基于jQuery Ajax】[sd.js]最新原生完整版for凯哥API版本
|
存储 移动开发 JavaScript
【原生】sd.js帮助您简化繁重的获取数据、存储数据(CRUD)骚操作(吐槽~在安卓9.0以下或者IOS10.X以下手机端H5页面不支持,在这两种情况下的系统只能使用ajax或者原生js请求后台数据)
【原生】sd.js帮助您简化繁重的获取数据、存储数据(CRUD)骚操作(吐槽~在安卓9.0以下或者IOS10.X以下手机端H5页面不支持,在这两种情况下的系统只能使用ajax或者原生js请求后台数据)
|
前端开发
一篇,让你会写原生ajax
一篇,让你会写原生ajax
127 0
|
JavaScript 前端开发
原生js实现ajax请求带请求头header
原生js实现ajax请求带请求头header
328 0
|
JavaScript 前端开发
js实现原生ajax
js实现原生ajax
310 0