一.背景

在测试ajax时,写了一个ajax.html,目的是访问example.txt中的文本,写好后,右键该html选择在浏览器中打开,浏览器页面上无内容.调出调试窗口:

IE浏览器:SCRIPT5 拒绝访问

谷歌浏览器:XMLHttpRequest can't load file:/......

二.原因

在使用ajax时,千万要注意同源策略.使用XMLHTTPRequest对象发送的请求只能访问与其所在的HTML处于同一个域中的数据(注意不是指同一个文件夹!!!),不能向其他域发送请求.此外有些浏览器还会限制ajax请求使用的协议.比如在Chrome中,如果你使用file://协议从自己的硬盘里加载example.txt文件,就会看到"Cross origin requests are only supported for HTTP"(跨域请求只支持HTTP)的错误信息.

三.解决方案

发布该项目,按正常访问页面的方式即可.详细如下:

将该工程添加到Tomcat中,启动Tomcat服务器,打开浏览器在地址栏中输入:localhost:8080/JavaScript/html/ajax.html 打回车.(这是最简单的方式,网上还有其他解决方案,不再赘述)

四.代码及附图

项目结构图:

ajax.html

 <!DOCTYPE html>
 <html>
 <head>
 <meta charset="UTF-8">
 <title>Insert title here</title>
 </head>
 <body>
     <div id="new"></div>
     <script src="../js/addLoadEvent.js" type="text/javascript"></script>
     <script src="../js/getHTTPObject.js" type="text/javascript"></script>
     <script src="../js/getNewContent.js" type="text/javascript"></script>
 </body>
 </html>

addLoadEvent.js

 /**
  * 共享onload
  * @param func
  */
 function addLoadEvent(func){
     var oldonload = window.onload;
     if (typeof window.onload != 'function') {
         window.onload = func;
     } else {
         window.onload = function(){
             oldonload();
             func();
         }
     }
 }

getHTTPObject.js

 /**
  * 获取XMLHttpRequest对象
  */
 function getHTTPObject(){
     if (typeof XMLHttpRequest == "undefined") {
         XMLHttpRequest = function(){
             try {
                 return new ActiveXObject("Msxml2.XMLHTTP.6.0");
             } catch (e) {
                 // TODO: handle exception
             }
             try {
                 return new ActiveXObject("Msxml2.XMLHTTP.3.0");
             } catch (e) {
                 // TODO: handle exception
             }
             try {
                 return new ActiveXObject("Msxml2.XMLHTTP");
             } catch (e) {
                 // TODO: handle exception
             }
             return false;
         }
     }
     return new XMLHttpRequest();
 }

getNewContent.js

 /**
  * ajax
  */
 function getNewContent(){
     var request = getHTTPObject();
     if(request){
         request.open("GET","example.txt",true);
         request.onreadystatechange = function(){
             if (request.readyState == 4) {
                 var para=document.createElement("p");
                 var txt=document.createTextNode(request.responseText);// 从responseText属性里取得文本数据
                 para.appendChild(txt);// 把文本数据放到一个段落中
                 document.getElementById("new").appendChild(para);// 将该段落添加到DOM里
             }
         };
         request.send(null);
     } else {
         alert('Sorry, your Browser dosen\'t support XMLHttpRequest ');
     }
 }

 addLoadEvent(getNewContent);

exmaple.txt

 This was loaded asynchronously!

正常访问页面:

IE浏览器SCRIPT5拒绝访问,谷歌浏览器XMLHttpRequest can't load file:/......的更多相关文章

  1. 文件上传时jquery.form.js中提示form.submit SCRIPT5: 拒绝访问

    利用其它控件触发file的click事件来选择文件后,使用jquery.form.js中的submit方法提交时IE报错:form.submit SCRIPT5: 拒绝访问,其它浏览器正常, < ...

  2. IE下文件上传， SCRIPT5: 拒绝访问 问题

    最近遇到一个比较奇葩的问题,某些ie浏览器在页面中上传文件时,无法上传.查看控制台报错: SCRIPT5: 拒绝访问. jquery-3.2.1.min.js, 行4 字符5725 .并且我的最新版I ...

  3. respond.js第六行 SCRIPT5: 拒绝访问。跨域问题

    问题描述:respond.js第六行 SCRIPT5: 拒绝访问.昨天为学弟学妹讲bootstrap,说到对ie78的兼容问题,解决办法中有引入html5shiv.js和respond.js两个文件夹 ...

  4. 上传文件时用form.submit提交的时候在低版本的IE中报拒绝访问的错误

    上传文件的时候,在IE7下总是传不了,但FireFox,IE11和Chrome下则可以上传.发现是form.submit();时出错了(“拒绝访问”). html代码为: <label oncl ...

  5. 通过浏览器https能够访问SVN，但eclipse SVN,tortoiseSVN始终连接不上SVN的问题解决方案

    为了便于本地代码维护,特意在本地搭建了一个visualSVN服务器用于本地代码管理,但是最近突然出现问题,eclipse上的SVN资源库始终连接不上,提示 "svn: connection ...

  6. 记一次MySQL数据库拒绝访问的解决过程

    问题背景 用wordpress搭博客,数据库采用MySQL.为了调试方便,创建账户my_account ,允许它从任意主机访问数据库. CREATE USER `my_account`@'%' IDE ...

  7. IE8 环境的 JQuery 中的 $.ajax 拒绝访问---解决方案

    需求是兼容到 IE8. $.ajax 总是请求失败,直接跳转到 error 函数中,报错:拒绝访问. 网上的一些解决方法都试过了还是没有用,比如再请求之前设置 jQuery.support.cors ...

  8. 关于JS拒绝访问错误

    错误如图所示,只要点击红色区域 内的任何一部分都会弹出 “js拒绝访问”,以为是浏览器的原因,卸载安装都不好使,左面的是树.点击树的节点弹出右面相应的页面. Node.NavigateUrl = “h ...

  9. 浏览器跨域访问WebApi

      webapi地址:wapapi.ebcbuy.com web地址:wapweb.ebcbuy.com   在默认情况下这两个域名属于两个不同的域,他们之间的交互存在跨域的问题,但因为他们都同属于一 ...

随机推荐

  1. 一道面试题：用shell写一个从1加到100的程序

    [试题描述] 请用shell写一个简短的程序,实现1+2+...+100的功能. [程序] 方法一: #!/bin/bash ..} do let sum+=$i done echo $sum 方法二 ...

  2. Objective-C中的hasPrefix

    Objective-C中的hasPrefix hasPrefix:方法的功能是判断创建的字符串内容是否以某个字符开始,其语法形式如下: -(BOOL)hasPrefix:(NSString*)aStr ...

  3. html调用servlet（JDBC在Servlet中的使用）（1）

    1.页面的数据表单 在使用Servlet处理用户请求之前,先准备一个页面,该页面用来提供数据表单.数据表单就是HTML中的<form>...</form>部分,当用户单击Sub ...

  4. Git教程之工作区和暂存区

    工作区(Working Directory) 就是你在电脑里能看到的目录,比如我的learngit文件夹就是一个工作区:

  5. CSS文字换行详细解说

    本文列举了兼容 IE 和 FF 地换行 CSS 推荐样式,详细介绍了word-wrap同word-break地区别.兼容 IE 和 FF 地换行 CSS 推荐样式: 最好地方式是 word-wrap: ...

  6. 【Python】Django删除数据迁移记录

    find . -path "*migrations*" -name "*.py" -not -path "*__init__*" -exec ...

  7. COM如何区分套间线程(apartment thread)和自由线程(free thread)

     

  8. mssql2008R2 RCU-6083:ALTER database FWC SET READ_COMMITTED_SNAPSHOT ON

    RCU-6083:失败 - 检查所选组件的先决条件要求:MDS 有关详细资料, 请参阅 E:\Setup\ofm_rcu\rcu\log\logdir.2014-11-27_12-39\rcu.log ...

  9. hiberante 二级缓存设置

    <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.spr ...

  10. Strange Addition

    http://codeforces.com/problemset/problem/305/A 这题就是意思没看懂,一开始以为只要个位数只要一个为0就能相加,没想到到CF里面提交第三组就过不了,才发现是 ...