在Firefox中通過AJAX跨域訪問Web資源 )

最後更新：2018-12-06 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

在Firefox中通過AJAX跨域訪問Web資源

一、解決在firefox中無法跨域訪問的問題

AJAX從本質上講就是命名用XMLHttpRequest組件來向服務端發送HTTP請求，請接收相應資訊。至於成功接收到響應資訊後的操作，就和普通的Web用戶端程式類似了（一般用DOM將資訊加到HTML組件中）。但問題就發生在了XMLHttpRequest組件上。雖然在大多數瀏覽器中（包括IE、Firefox等）都叫這個名子。使用方法也類似。但在進行某些操作時卻有不同的效果。

就拿跨域訪問的問題來說。讓我們先看看如下的html中的javascript代碼：

test.html

// 獲得IE和firefox瀏覽器中的XMLHttpRequest對象
function getXMLHTTPRequest()
{
    var myRequest = null;
    if(window.XMLHttpRequest)   // firefox
    {
        myRequest = new XMLHttpRequest();
    }
    else if(typeof ActiveXObject != "#ff0000")  // IE
    {
        myRequest = new ActiveXObject("Microsoft.XMLHTTP");
    }
    return myRequest;
}

var myRequest;
function onReadyState()   // XMLHttpRequest處理非同步訪問狀態時的事件
{
    if(myRequest.readyState == 4)   // 4表示成功獲得相應資訊
    {
        var msg = document.getElementById("msg");
msg.value = myRequest.responseText
    }
}
function getServiceText()
{
    myRequest = getXMLHTTPRequest();
    if(myRequest)
    {
        myRequest.onreadystatechange = onReadyState;
        try
        {
            myRequest.open( "post", "http://www.blogjava.net", true);
        }
        catch(exception)
      {
        var msg = document.getElementById("msg");
            msg.value = exception;
   }
   myRequest.send("test");
    }
}

</script>
    </head>
    <body>
        <input id="msg" type="text" />
        <input type="button" value="資訊" onclick="getServiceText()" />
    </body>
</html>

如果在IE中訪問上面的html檔案，url如下：

http://localhost:8080/test.html

會彈出一個對話方塊，大概意思是說您已經跨域訪問了，可能存在風險，是否繼續。如果繼續執行的話，仍然可以訪問http://www.blogjava.net。但是在firefox中卻更本無法訪問其它域的url，並且會拋出“調用方法 XMLHttpRequest.open 時許可權不足”異常。解決的方法一般有兩種，一種是修改firefox的設定，在firefox的地址欄中輸入“about:config”，並找到signed.applets.codebase_principal_support，將其設為true。1所示。

圖1

但這種方法經過實現，仍然無法訪問其他域的url，不知是不是新版的firefox把這個給屏蔽了。就算這種方法可行，也盡量不使用這種需要配置firefox的方法，而要使用編程的方法，在訪問其它域之前，可以使用如下代碼開啟許可權：

try
{
netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead");
}
catch (exception)
{
alert(exception);
}

要注意的是，上面的代碼只能用在firefox中，因此，要將其放到只有firefox才能執行到的代碼塊中，如在下面的塊中：

if(window.XMLHttpRequest)   // firefox
{
    try
    {
      netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead");
    }
    catch (exception)
    {
        alert(exception);
    }
}

不能將上面的代碼放到getXMLHTTPRequest中，應放到getServiceText中。

註：如果test.html在通過web伺服器訪問，而是按著訪問本地檔案時訪問test.html時，在IE中不會出現上述的提示對話方塊，而是直接就可以訪問其他的域。

二、其他的跨瀏覽器問題

不同瀏覽器的XMLHttpRequest雖然介面一樣，但在不同瀏覽器中調用XMLHttpRequest的方法和屬性的效果不同。如send方法，在IE中可以不傳參數，如myRequest.send();仍然可以正常工作，而在firefox中，必須為send方法傳一個參數，也就是說，在firefox中send方法參數沒有預設值，必須為其賦值。為了通用起見，建議所有的send方法都為其賦一個參數值，哪怕是空串。

除了send方法，responseText屬性也是一樣，在IE中，responseText返回了整個web資源的內容，而在firefox中只返回web資源的第一行。

posted on 2008-05-15 16:56 銀河使者閱讀(648) 評論(7) 編輯收藏所屬分類: ajax 、web 、javascript

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More