IE8 jquery ajax獲取靜態資源報錯TypeError 拒絕訪問

原創 五后 2020-02-26 06:30

IE8 jquery ajax獲取靜態資源報錯TypeError 拒絕訪問

博客分類：  javascript
IE8拒絕訪問IE8 跨域拒絕訪問Permission Denied 

1,出現問題的代碼:

Js代碼  收藏代碼
  1. /*** 
  2.     * 請求靜態html 模板 
  3.     * @param url 
  4.     * @param $jqueryDiv : 四個主要div之一 
  5.     * @param templateHandle : 自定義,用於使用Dot js模板函數 
  6.     * @param callback : 用於實現模板之後,綁定事件 
  7.     * @param templateData : cia的返回數據 
  8.     */  
  9.    ajaxHtml: function (url, $jqueryDiv, templateHandle, callback, templateData) {  
  10.        xhr.ajaxHtmlCommon(url, $jqueryDiv, null, templateHandle, callback, templateData);  
  11.    },  
  12.    /*** 
  13.     * ajax 請求靜態html文件 
  14.     * @param url 
  15.     * @param $jqueryDiv 
  16.     * @param data 
  17.     * @param callback : 回調函數,updateHtml 方法之後執行 
  18.     */  
  19.    ajaxHtmlCommon: function (url, $jqueryDiv, requestData, templateHandle, callback, templateData) {  
  20.        var argument_length = arguments.length;  
  21.        var isHasCallback = (argument_length > 4 && callback && typeof callback === 'function');  
  22.        var options22 = {  
  23.            url: url,  
  24.            type: "GET",  
  25.            timeout: 18000,  
  26.            dataType: 'html',  
  27.            success: function (html) {  
  28.                updateHtml($jqueryDiv, html, templateHandle, templateData);  
  29.                /* var $formInput = jqueryObj.find('textarea:first');//讓subContent 中的textarea聚焦 
  30.                 if ($formInput.length != 0) {//先判斷能不能獲取到textarea 
  31.                 $formInput.get(0).focus(); 
  32.                 }*/  
  33.                if (isHasCallback) {  
  34.                    callback($jqueryDiv, html);  
  35.                }  
  36.            },  
  37.            error: function (er) {  
  38.                if (er.statusText == 'timeout') {  
  39.                    updateHtml($jqueryDiv, "<div style='color: red'>連接服務器超時！</div>");  
  40.                } else {  
  41.                    var errorMessage2;  
  42.                    if (er.responseText) {  
  43.                        errorMessage2 = er.responseText;  
  44.                    } else {  
  45.                        errorMessage2 = er.statusText;  
  46.                    }  
  47.                    console.log('error:' + errorMessage2);  
  48.                    updateHtml($jqueryDiv, errorMessage2, templateHandle, templateData);  
  49.                }  
  50.                if (isHasCallback) {  
  51.                    callback($jqueryDiv, er);  
  52.                }  
  53.            }  
  54.        };  
  55.        if (argument_length > 2 && requestData != null && requestData != undefined) {  
  56.            options22.data = requestData;  
  57.            options22.type = "POST";  
  58.        }  
  59.        $.ajax(options22);  
  60.    }  

瀏覽器版本:IE8

獲取html模板時報錯:

Js代碼  收藏代碼
  1. var ajaxHtml4IE8 = function () {  
  2.             xhr.ajaxHtml('cross_domain.html', $('#crossDiv'), null, null, null);  
  3.         }  

報錯信息:TypeError 拒絕訪問 

 

 2,解決方法:

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

Js代碼  收藏代碼
  1. jQuery.support.cors = true;  

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

Java代碼  收藏代碼
  1. <!--[if IE 8]>  
  2.     <script type="text/javascript"  
  3.             src="jQuery.XDomainRequest.js"></script>  
  4.     <![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

0 
頂
1 
踩
分享到：  
 | Markdown 語法
評論
發表評論

 您還沒有登錄,請您登錄後再發表評論

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

ASP.NET AJAX客戶端編程之旅（三）——讓JavaScript和C#無障礙溝通：數據類型自動轉換&序列化（轉載）

ASP.NET AJAX客戶端編程之旅（三）——讓JavaScript和C#無障礙溝通：數據類型自動轉換&序列化 摘要       通過前兩篇文章，我們知道使用了ASP.NET AJAX框架後，在JavaScript中調用後臺WebSe

★海戰鷹 2022-04-02 14:30:32

ASP.NET AJAX客戶端編程之旅（二）——知其所以然（轉載）

ASP.NET AJAX客戶端編程之旅（二）——知其所以然 摘要       在上一篇文章中，做了一個“Hello！ASP.NET AJAX”的小例子，但是並沒有對其中的技術做解釋。這一篇中，將探討一下使用ASP.NET AJAX框架在

★海戰鷹 2022-04-02 14:30:32

ASP.NET AJAX客戶端編程之旅（六）——來做一個自己的客戶端控件（轉載）

ASP.NET AJAX客戶端編程之旅（六）——來做一個自己的客戶端控件 摘要       通過前面的文章，我們瞭解了ASP.NET AJAX框架的很多知識。在這一篇文章中，我們來做一個自己的ASP.NET AJAX客戶端控件：Pass

★海戰鷹 2022-04-02 14:30:32

Ajax的使用及相關

Ajax的使用及相關 Ajax是什麼？如何創建個一個Ajax Ajax並不算是一種新的技術，全稱是asychronous javascript and xml，可以說是已有技術的組合，主要用來實現客戶端與服務器端的異步通信效果，

宁漂的程序员 2020-07-07 13:24:18

Ajax數據同步

爲了解決多次循環發送ajax請求數據同步的問題,今天特意認真看了prototye1.3.1項目中Ajax.Request代碼.的確,該項目的封裝中缺少

iteye_17632 2020-07-07 11:22:02

jQuery使用手冊(1) - 核心部分

全部內容詳見 http://www.cnblogs.com/skylaugh/archive/2006/12/18/595563.html   翻譯整理：Young.J官方網站：http://jquery.com    jQuery是一款

iteye_5568 2020-07-07 11:21:36

HTML字符集，特殊字符使用

    以前用到html字符的時候老是忘了該怎麼寫，我想和我一樣的人應該很多，現整理一下html字符，共享。     HTML特殊字符顯示 有些字符在HTML裏有特別的含義，比如小於號<就表示HTML Tag的開始，這個小於號是不顯示在我

bakeloar 2020-07-07 10:47:56

ClueTip---精美的信息提示框(頁)

clueTip Plugin Details Multiple Content Sources Smart Positioning Flexible Behavior Style Variety Multiple Conten

bakeloar 2020-07-07 10:47:56

struts2通過FromData+ajax實現文件上傳（頁面無刷新）

今天要做一個能獲取Oracle數據庫備份文件(.dmp)來實現網頁還原Oracle數據庫 思考： 通過file標籤來獲得文件的絕對路徑，再調用RunTime的exec方法來實現批處理調用實現 遇到的問題： 通過瀏覽器獲取文件絕對路徑，

yigehui12 2020-07-07 09:34:21

AJAX 中的javascript部分

iteye_2592 2020-07-07 05:23:45

DWR(Easy ajax for java)我來寫個例子玩玩

DWR allows Javascript in a browser to interact with Java on a server and he

iteye_19954 2020-07-07 04:16:04

更新頻率與頁面相似度（seo思考之一）

這是我發佈的第一篇關於seo的文章，我對seo的總原則是：內容爲王，seo爲輔，請大家一定不要本末倒置。 seo的最高境界是：經過了seo優化，卻看不出來有任何seo痕跡，這也是高手追求的目標。 我用實例來說明更新頻率與頁面的相似度問題。

iteye_19030 2020-07-07 02:08:36

優化google搜索

讓我們跳過理論來看看實際對Google有效的方法。我知道下面的這個系統對Google來說，每一次都有效，而且對所有的關鍵詞都有效。這個系統 是我給客戶做網站時所應用的，而且百試不爽。成功的程度當然也取決於網站所在的行業，潛在市場和競爭水平

ppanyong 2020-07-06 20:04:43

JS設計模式（一）Mixin classes

Mixin classes provide a way to have objects and classes share methods without being ina parent-child relationship. It s

ppanyong 2020-07-06 20:04:32

Ajax的jQuery用法

在jQuery中有使用Ajax的方法 $.ajax({ type: "method", url: "url", data: "da

wzf666 2020-07-06 18:40:20