兼容早期IE版本的 Ajax 实例

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title>ajax</title>
 6 </head>
 7 <body>
 8 <script>
 9     // 把intranet安全级别改成中低,把网站加入可信站点,把可信站点安全级别改成中低,在IE中就不会被拒绝访问。
10
11     // 页面加载完毕后立即执行这个语句
12     window.onload = function () {
13         startRequest();
14     }
15
16     // 兼容IE早期版本,建立一个XMLHttpRequest对象
17     function createXHR() {
18         if (typeof XMLHttpRequest != "undefined") {
19             return new XMLHttpRequest();
20         } else if (typeof ActiveXObject != "undefined") {
21             if (typeof arguments.callee.activeXString != "string") {
22                 var versions = ["MSXML2.XMLHttp.6.0", "MSXML2.XMLHttp.3.0",
23                             "MSXML2.XMLHttp"],
24                         i, len;
25
26                 for (i = 0, len = versions.length; i < len; i++) {
27                     try {
28                         new ActiveXObject(versions[i]);
29                         arguments.callee.activeXString = versions[i];
30                         break;
31                     } catch (ex) {
32                         //可放入提示文字
33                     }
34                 }
35             }
36
37             return new ActiveXObject(arguments.callee.activeXString);
38         } else {
39             // 没有XHR对象可用,抛出错误
40             throw new Error("No XHR object available.");
41         }
42     }
43
44     // 建立一个XHR对象,并且设置应对方法,同时检测返回状态
45     function startRequest() {
46
47         var xhr = createXHR();
48
49         xhr.onreadystatechange = function () {
50
51             // readState表示请求或者响应过程的当前活动状态
52             if (xhr.readyState == 4) {
53                 // status响应的状态代码  304表示没有变化,可使用浏览器的缓存
54                 if (xhr.status >= 200 && xhr.status < 300 || xhr.status == 304) {
55                     alert(xhr.responseText);
56                 }
57                 else {
58                     alert("Failed to get the information!!!");
59                 }
60             }
61         }
62
63
64         //三个参数,发送的请求的方法,请求的url,是否异步发送请求
65         xhr.open(‘get‘, ‘data.txt‘, true);
66         xhr.send(null);
67     }
68
69 </script>
70 </body>
71 </html>

在同级目录下应该有一个名称为 data.txt的文件

文件内容可自定义,运行成功后会出现在警告框中

博主的文件内容是:  Get the information successfully.
时间: 2024-10-12 15:06:43

兼容早期IE版本的 Ajax 实例的相关文章

【JavaScript】jQuery Ajax 实例 全解析

jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯. 废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到). 1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中. url (String) :

兼容IE6的最小高度代码实例

兼容IE6的最小高度代码实例:虽然IE6浏览器的市场正在逐渐缩小,并且在不久的将来就难觅其身影,但是当前还是有不少的用户.此浏览器并不支持min-height属性,下面就介绍一下如何实现IE6兼容此属性,由于代码比较简单,下面直接给出代码,如下: min-height: 200px; _height: 200px; / hack for ie6 */ 原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=15771 更多内容可以参阅:

Visual Studio 2012出现“无法访问T-SQL组件和安装了不兼容伯 DacFx版本”的解决办法

参考:Visual Studio 2012出现“无法访问T-SQL组件和安装了不兼容伯 DacFx版本”的解决办法 Vs2012的下载地址: https://msdn.microsoft.com/en-us/jj650015

jQuery Ajax 实例 ($.ajax、$.post、$.get)

Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的诧异了. 推荐一篇不错的jQuery Ajax 实例文章,忘记了可以去看看,地址为:http://www.cnblogs.com/yeer/archive/2009/07/23/1529460.html 和 http://www.w3school.com.cn/jquery/ $.post.$.get是一些简单的方法,如果要处理复杂的逻辑,还是需要用到jQuery.ajax() 一.$

jQuery Ajax 实例 ($.ajax、$.post、$.get)转

Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的诧异了. 推荐一篇不错的jQuery Ajax 实例文章,忘记了可以去看看,地址为:http://www.cnblogs.com/yeer/archive/2009/07/23/1529460.html 和 http://www.w3school.com.cn/jquery/ $.post.$.get是一些简单的方法,如果要处理复杂的逻辑,还是需要用到jQuery.ajax() 一.$

AngularJS开发指南7:AngularJS本地化,国际化,以及兼容IE低版本浏览器

AngularJS本地化,国际化 国际化,简写为i18n,指的是使产品快速适应不同语言和文化. 本地化,简称l10n,是指使产品在特定文化和语言市场中可用. 对开发者来说,国际化一个应用意味着将所有的文字和其他因地区而异的数据从应用中抽离出来. 本地化意味着为这些抽离的数据和文字提供翻译和转变成本地的格式. 目前,AngularJS支持日期,数字和货币的国际化和本地化. 另外,AngularJS还通过ngPluralize指令支持本地多元化. 所有的AngularJS本地化组件都依赖于$loca

Chrome桌面提醒功能,兼容新老版本,firefox最新版本也通过

Chrome新版升级api,与w3一致,为了兼容,代码如下: //桌面提醒 function notify(title, content) { if(!title && !content){ title = "桌面提醒"; content = "您看到此条信息桌面提醒设置成功"; } var iconUrl = "/images/send_ok.png"; if (window.webkitNotifications) { //c

jquery ajax实例教程和一些高级用法

jquery ajax的调用方式:jquery.ajax(url,[settings]),jquery ajax常用参数:红色标记参数几乎每个ajax请求都会用到这几个参数,本文将介绍更多jquery ajax实例,后面会有一些ajax高级用法 query ajax的调用方式:jquery.ajax(url,[settings]),因为实际使用过程中经常配置的并不多,所以这里并没有列出所有参数,甚至部分参数默认值,就是最佳实践,根本没必要去自己定义,除非有特殊需求,如果需要所有参数,可以查看jq

【05】AJAX实例-检测用户名是否存在(实例)

AJAX实例-检测用户名是否存在 用户注册时,需要填写个人信息,其中包括用户名.当用户输入完成时,JavaScript 需要及时检测用户名是否存在,如果存在给出提示,请用户更换用户名. 当然,这个步骤可以在用户提交表单以后由后台程序检测,如果用户名已存在,用户需要返回注册页面重新填写用户名,而前面填写的其他信息也随着网页的跳转已经过期,全部需要重填,这对用户来说是极大的伤害. 因此,有必要使用 AJAX 在用户不提交信息的情况下及时检测用户名是否存在. 前台代码: <p> 请输入用户名:<