在Firefox中通过AJAX跨域访问Web资源-阿里云开发者社区

在Firefox中通过AJAX跨域访问Web资源

2017-11-07 1231

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

一、解决在firefox 中无法跨域访问的问题

AJAX 从本质上讲就是命名用XMLHttpRequest 组件来向服务端发送HTTP 请求，请接收相应信息。至于成功接收到响应信息后的操作，就和普通的Web 客户端程序类似了（一般用DOM 将信息加到HTML 组件中）。但问题就发生在了XMLHttpRequest 组件上。虽然在大多数浏览器中（包括IE 、Firefox 等）都叫这个名子。使用方法也类似。但在进行某些操作时却有不同的效果。

就拿跨域访问的问题来说。让我们先看看如下的html 中的javascript 代码：

test.html

< html >
     < head >
         < title ></ title >
         < meta http-equiv ="Content-Type" content ="text/html; charset=UTF-8" >
< script type ="text/javascript" >

// 获得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 资源的第一行。

本文转自 androidguy 51CTO博客，原文链接：http://blog.51cto.com/androidguy/215351，如需转载请自行联系原作者

在Firefox中通过AJAX跨域访问Web资源

热门文章

最新文章

相关课程

相关电子书

相关实验场景