原生JavaScript实现Ajax

 1 var getXmlHttpRequest = function() {
 2     if (window.XMLHttpRequest) {
 3         //主流浏览器提供了XMLHttpRequest对象
 4         return new XMLHttpRequest();
 5     } else if (window.ActiveXObject) {
 6         //低版本的IE浏览器没有提供XMLHttpRequest对象
 7         //所以必须使用IE浏览器的特定实现ActiveXObject
 8         return new ActiveXObject("Microsoft.XMLHttpRequest");
 9     }
10 
11 };
12 var xhr = getXmlHttpRequest();
13 xhr.onreadystatechange = function() {
14     console.log(xhr.readyState);
15     if (xhr.readyState === 3 && xhr.status === 200) {
16         //获取成功后执行操作
17         //数据在xhr.responseText
18         console.log(xhr.responseText);
19     }
20 };
21 xhr.open("get", "data.php", true);
22 xhr.send("");

 

其中,XMLHttpRequest-readyState-status 参数的说明:

http://www.cnblogs.com/skyblue/archive/2009/08/05/1539436.html

你可能感兴趣的:(原生JavaScript实现Ajax)