首页 > Web开发 > 详细

原声JS写AJAX对象

时间:2019-09-24 11:09:51      阅读:102      评论:0      收藏:0      [点我收藏+]
 1 var AJAX = {
 2     get: function(url, data, callback) {
 3         var query = "";
 4         for (var i in data) {
 5             query += i + "=" + data + "&";
 6         }
 7         query = query.slice(0, -1);
 8         var xhr = null;
 9         if (window.XMLHttpRequest) {
10             xhr = window.XMLHttpRequest();
11         } else if (window.ActiveXObject) {
12             xhr = window.ActiveXObject("Micorsoft.XMLHTTP");
13         } else {
14             alert("您的浏览器不支持AXAJ,请升级")
15         }
16         xhr.onreadystatechange = function() {
17             if (xhr.readyState === 4) {
18                 var obj = JSON.parse(xhr.responseText);
19                 callback(obj);
20             }
21         }
22         xhr.open("get", url + "?" + query, true);
23         xhr.send();
24     },
25     post:function() {
26         var query = "";
27         for (var i in data) {
28             query += i + "=" + data + "&";
29         }
30         query = query.slice(0, -1);
31         var xhr = null;
32         if (window.XMLHttpRequest) {
33             xhr = window.XMLHttpRequest();
34         } else if (window.ActiveXObject) {
35             xhr = window.ActiveXObject("Micorsoft.XMLHTTP");
36         } else {
37             alert("您的浏览器不支持AXAJ,请升级")
38         }
39         xhr.onreadystatechange = function() {
40             if (xhr.readyState === 4) {
41                 var obj = JSON.parse(xhr.responseText);
42                 callback(obj);
43             }
44         }
45         xhr.open("post", url, true);
46         xhr.setRequestHeader("content-type", "application/x-www-form-urlencoded;charset=utf-8")
47         xhr.send(query);
48     }
49 }

 

原声JS写AJAX对象

原文:https://www.cnblogs.com/mizuno0237/p/11576279.html

(1)
(1)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!