原生js提交ajax请求

最新推荐文章于 2025-09-04 18:55:33 发布

转载最新推荐文章于 2025-09-04 18:55:33 发布 · 74 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/go4mi/p/5492717.html

文章标签：

#javascript #ViewUI

本文介绍了一个使用JavaScript实现的XMLHttpRequest兼容性示例，该示例能够处理不同浏览器环境，包括IE6及更早版本的IE浏览器。通过示例代码，展示了如何创建一个能够跨浏览器工作的HTTP请求对象，并实现了一个简单的GET请求来获取远程数据。

 1 <script type="text/javascript">
 2         window.onload = function(){
 3             var btn = document.getElementById("btn");
 4             var pcontent = document.getElementById("content");
 5             //获取XMLHttpRequest 兼容各种浏览器 包括IE6,IE5
 6             function getXmlHttp(){
 7                 if(window.XMLHttpRequest){
 8                     return  new XMLHttpRequest();
 9                 }else if( window.ActiveXObject){
10                     var version = [
11                         "MSXML2.XMLHttp.6.0",
12                         "MSXML2.XMLHttp.3.0",
13                         "MSXML2.XMLHttp"
14                     ];
15                     for(var i=0;i<version.length;i++){
16                         try { return  new ActiveXObject(version[i]);}catch (e) {}
17                     }
18                 }else{
19                     alert("您的浏览器不支持XMLHttp");
20                 }
21             }
22             btn.onclick = function(){
23                 var xmlHttp = getXmlHttp();
24                 xmlHttp.onreadystatechange = function(){
25                     if(xmlHttp.readyState == 4  ){
26                         if(xmlHttp.status == 200){
27                             pcontent.innerHTML =  xmlHttp.responseText;
28                         }else{
29                             alert("错误信息:"+ xmlHttp.statusText);
30                         }
31                     }
32                 }
33                 xmlHttp.open("GET","data.txt",true);
34                 xmlHttp.send(null);
35             }
36 
37         }