原生JavaScript实现Ajax

最新推荐文章于 2025-09-12 16:56:45 发布

转载最新推荐文章于 2025-09-12 16:56:45 发布 · 66 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/woodk/p/5191935.html

文章标签：

#javascript #php #ViewUI

本文介绍了如何使用XMLHttpRequest对象进行异步请求，包括不同浏览器环境下的兼容性处理方式，并展示了readyState和status属性的作用。

 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("");