IE8 jquery ajax获取静态资源报错TypeError 拒绝访问

简单的幸福

• 博客
• 微博
• 相册
• 收藏
• 留言
• 关于我

 

IE8 jquery ajax获取静态资源报错TypeError 拒绝访问

博客分类：  javascript

IE8拒绝访问IE8 跨域拒绝访问Permission Denied 

1,出现问题的代码:

/***
    * 请求静态html 模板
    * @param url
    * @param $jqueryDiv : 四个主要div之一
    * @param templateHandle : 自定义,用于使用Dot js模板函数
    * @param callback : 用于实现模板之后,绑定事件
    * @param templateData : cia的返回数据
    */
   ajaxHtml: function (url, $jqueryDiv, templateHandle, callback, templateData) {
       xhr.ajaxHtmlCommon(url, $jqueryDiv, null, templateHandle, callback, templateData);
   },
   /***
    * ajax 请求静态html文件
    * @param url
    * @param $jqueryDiv
    * @param data
    * @param callback : 回调函数,updateHtml 方法之后执行
    */
   ajaxHtmlCommon: function (url, $jqueryDiv, requestData, templateHandle, callback, templateData) {
       var argument_length = arguments.length;
       var isHasCallback = (argument_length > 4 && callback && typeof callback === 'function');
       var options22 = {
           url: url,
           type: "GET",
           timeout: 18000,
           dataType: 'html',
           success: function (html) {
               updateHtml($jqueryDiv, html, templateHandle, templateData);
               /* var $formInput = jqueryObj.find('textarea:first');//让subContent 中的textarea聚焦
                if ($formInput.length != 0) {//先判断能不能获取到textarea
                $formInput.get(0).focus();
                }*/
               if (isHasCallback) {
                   callback($jqueryDiv, html);
               }
           },
           error: function (er) {
               if (er.statusText == 'timeout') {
                   updateHtml($jqueryDiv, "<div style='color: red'>连接服务器超时！</div>");
               } else {
                   var errorMessage2;
                   if (er.responseText) {
                       errorMessage2 = er.responseText;
                   } else {
                       errorMessage2 = er.statusText;
                   }
                   console.log('error:' + errorMessage2);
                   updateHtml($jqueryDiv, errorMessage2, templateHandle, templateData);
               }
               if (isHasCallback) {
                   callback($jqueryDiv, er);
               }
           }
       };
       if (argument_length > 2 && requestData != null && requestData != undefined) {
           options22.data = requestData;
           options22.type = "POST";
       }
       $.ajax(options22);
   }

浏览器版本:IE8

获取html模板时报错:

var ajaxHtml4IE8 = function () {
            xhr.ajaxHtml('cross_domain.html', $('#crossDiv'), null, null, null);
        }

报错信息:TypeError 拒绝访问 

 

 2,解决方法:

(1)在js文件头部增加:

jQuery.support.cors = true;

(2) html文件引入jQuery.XDomainRequest.js

<!--[if IE 8]>
    <script type="text/javascript"
            src="jQuery.XDomainRequest.js"></script>
    <![endif]-->

(3) 静态html模板前面增加:

<meta http-equiv="Access-Control-Allow-Origin" content="*">

 

注意:

(1)静态HTML模板前要增加<meta http-equiv="Access-Control-Allow-Origin" content="*">,表示服务器端支持跨域.

(2)只有IE8 才有跨域拒绝访问的问题,所以引入第三方js文件时,要使用<!--[if IE 8]>

jQuery.XDomainRequest.js 见附件

参考:https://github.com/MoonScript/jQuery-ajaxTransport-XDomainRequest

http://stackoverflow.com/questions/10232017/ie9-jquery-ajax-with-cors-returns-access-is-denied

• jQuery-ajaxTransport-XDomainRequest.zip (50 KB)
• 下载次数: 48

• 查看图片附件

0 
顶

1 
踩

分享到：  

Jackson 反序列化为List | Markdown 语法

• 2015-07-20 23:16
• 浏览 1654
• 评论(0)
• 分类:编程语言
• 相关推荐

评论

发表评论

 您还没有登录,请您登录后再发表评论

hw1287789687

• 浏览: 957027 次
• 性别: 
• 来自: 北京

最近访客 更多访客>>

450583089

wukailong_2009

pretty_kiddy

javafan_303

文章分类

• 全部博客 (542)
• postgreSQL (1)
• 数据库 (8)
• oracle (1)
• Java Web (168)
• ZK框架 (0)
• installanywhere (0)
• linux命令 (38)
• dos cmd (3)
• 随笔_随感 (13)
• Java (256)
• C (0)
• unix (10)
• C++ (0)
• perl (0)
• python (9)
• ruby (0)
• bash (0)
• mysql (2)
• android (4)
• 法律 (0)
• maven ant (1)
• ios (1)
• Continuous integration (2)
• java swing (43)
• java swt (1)
• spring MVC (11)
• javascript (83)
• css (17)
• libgdx (0)
• nginx (3)
• loadruner (0)
• php (5)
• git (2)
• IDEA (0)
• 接口调试神器 (1)
• 数学math (1)
• eclipse (0)

社区版块

• 我的资讯 (0)
• 我的论坛 (22)
• 我的问答 (3)

存档分类

• 2016-02 (10)
• 2016-01 (32)
• 2015-12 (14)
• 更多存档...

评论排行榜

• Git 提交代码流程
• eclipse插件JRebel的好处
• spring mvc 下载文件
• 登录接口防攻击 02
• 很奇葩的问题

最新评论

• ssm44124412： ...
  点赞功能的设计
• chen_lian： HttpStatus.CREATED 改为HttpStatus ...
  spring mvc 下载文件
• chen_lian： 楼主我给补充了一下 嘿嘿
  spring mvc 下载文件
• chen_lian： public class FileUtil { /** ...
  spring mvc 下载文件
• chen_lian： FileUtils 这个类没有源码 
  spring mvc 下载文件

---