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

简介:

本文为原创,如需转载,请注明作者和出处,谢谢!

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

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

就拿跨域访问的问题来说。让我们先看看如下的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方法传一个参数,也就是说,在firefoxsend方法参数没有默认值,必须为其赋值。为了通用起见,建议所有的send方法都为其赋一个参数值,哪怕是空串。

除了send方法,responseText属性也是一样,在IE中,responseText返回了整个web资源的内容,而在firefox中只返回web资源的第一行。

本文转自银河使者博客园博客,原文链接http://www.cnblogs.com/nokiaguy/archive/2008/05/15/1198604.html如需转载请自行联系原作者


银河使者

相关文章
|
7天前
|
前端开发 Java UED
告别页面刷新时代:Struts 2 Ajax技术揭秘,轻松实现动态加载,Web应用焕然一新!
【8月更文挑战第31天】在Web应用开发中,用户体验至关重要。为减少页面刷新带来的不适,Ajax技术应运而生。Struts 2作为流行的Java EE框架,通过内置的Ajax支持简化了无刷新页面动态加载的实现。本文通过对比传统请求响应模式,展示了Struts 2如何轻松实现Ajax功能,提升了用户体验和开发效率,并灵活地实现了数据交换。然而,使用Ajax时还需注意SEO和跨域请求等局限性。
20 0
|
7天前
|
Java 数据库连接 数据库
强强联手!JSF 与 Hibernate 打造高效数据访问层,让你的应用如虎添翼,性能飙升!
【8月更文挑战第31天】本文通过具体示例详细介绍了如何在 JavaServer Faces (JSF) 应用程序中集成 Hibernate,实现数据访问层的最佳实践。首先,创建一个 JSF 项目并在 Eclipse 中配置支持 JSF 的服务器版本。接着,添加 JSF 和 Hibernate 依赖,并配置数据库连接池和 Hibernate 配置文件。然后,定义实体类 `User` 和 DAO 类 `UserDAO` 处理数据库操作。
25 0
|
7天前
|
开发者 前端开发 Apache
Apache Wicket Ajax揭秘:轻松几步,让你的Web应用告别“呆板”,焕发新生!
【8月更文挑战第31天】随着互联网技术的发展,Web应用的交互性成为评价网站成功的关键指标。Apache Wicket作为一款卓越的Java Web框架,不仅具备强大的组件化开发能力,还内置了对Ajax技术的支持,使开发者能轻松提升Web应用的交互体验。通过简单的代码示例展示了如何在不刷新页面的情况下异步更新页面元素,极大提升了用户体验。Wicket提供了多种Ajax组件和行为,如AjaxFallbackLink、AjaxButton等,满足不同场景需求,并支持自定义Ajax行为,帮助开发者实现复杂交互效果。合理运用Wicket的Ajax功能,可显著增强网站竞争力。
15 0
|
14天前
|
安全 开发者 UED
|
14天前
|
网络协议 NoSQL 网络安全
【Azure 应用服务】由Web App“无法连接数据库”而逐步分析到解析内网地址的办法(SQL和Redis开启private endpoint,只能通过内网访问,无法从公网访问的情况下)
【Azure 应用服务】由Web App“无法连接数据库”而逐步分析到解析内网地址的办法(SQL和Redis开启private endpoint,只能通过内网访问,无法从公网访问的情况下)
|
14天前
|
API
【Azure API 管理】在 Azure API 管理中使用 OAuth 2.0 授权和 Azure AD 保护 Web API 后端,在请求中携带Token访问后报401的错误
【Azure API 管理】在 Azure API 管理中使用 OAuth 2.0 授权和 Azure AD 保护 Web API 后端,在请求中携带Token访问后报401的错误
|
14天前
【Azure 应用服务】Web.config中设置域名访问限制,IP地址限制访问特定的页面资源 (Rewrite)
【Azure 应用服务】Web.config中设置域名访问限制,IP地址限制访问特定的页面资源 (Rewrite)
|
15天前
|
JSON 数据格式
【应用服务 App Service】在Azure Web App的部署文件中,是否可以限制某些文件无法被访问?(如json)
【应用服务 App Service】在Azure Web App的部署文件中,是否可以限制某些文件无法被访问?(如json)
|
6天前
|
数据库 开发者 Python
web应用开发
【9月更文挑战第1天】web应用开发
20 1
|
3天前
|
数据采集 Java 数据挖掘
Java IO异常处理:在Web爬虫开发中的实践
Java IO异常处理:在Web爬虫开发中的实践
下一篇
DDNS