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

简介: 本文为原创,如需转载,请注明作者和出处,谢谢! 一、解决在firefox中无法跨域访问的问题 AJAX从本质上讲就是命名用XMLHttpRequest组件来向服务端发送HTTP请求,请接收相应信息。
本文为原创,如需转载,请注明作者和出处,谢谢!

一、解决在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资源的第一行。

目录
相关文章
|
2天前
|
云安全 人工智能 安全
|
6天前
|
自然语言处理 开发者 iOS开发
📢通义千问Qwen3大模型新成员:Embedding系列模型登场!可在阿里云百炼直接体验
通义实验室正式发布Qwen3-Embedding系列模型,专为文本表征、检索与排序任务设计。该系列基于Qwen3基础模型训练,支持多语言和代码检索,具备卓越的泛化性、灵活的架构以及全面的语言支持。模型提供0.6B到8B参数规模选择,支持表征维度自定义和指令适配优化。训练采用三阶段架构,结合对比学习与监督训练,提升性能与效率。目前,Qwen3-Embedding已在Hugging Face、ModelScope和GitHub开源,并可通过阿里云百炼平台使用相关服务。未来将持续优化并拓展多模态语义理解能力。
📢通义千问Qwen3大模型新成员:Embedding系列模型登场!可在阿里云百炼直接体验
|
6天前
|
人工智能 安全 测试技术
信条:阿里云AI攻防安全启示录
解读AI时代下的安全攻防新态势
1106 11
|
2天前
|
人工智能 前端开发 Devops
通义灵码带你玩转开发者常用的MCP(合辑,持续更新中)
今天我们精选了与开发者息息相关和比较热门的MCP 服务,总结了这些技术服务在实际开发的最佳实践,涵盖了从前端开发、后端开发、DevOps、测试、运维等关键环节,及非研发领域中的热度较高的MCP服务。我们通过直播、图文等形式带你了解和学习!
534 3
|
3天前
|
数据采集 自然语言处理 搜索推荐
基于Qwen3的Embedding和Rerank模型系列,开源!
近年来,随着大规模预训练语言模型(LLM)的飞速发展,文本嵌入(Embedding)和重排序(Reranking)技术在搜索引擎、问答系统、推荐系统等多个领域的重要性愈发凸显。
501 18
|
9天前
|
人工智能 IDE 开发工具
|
14天前
|
人工智能 API 开发者
一文带你 "看见" MCP 的过程,彻底理解 MCP 的概念
本文介绍了模型上下文协议(MCP)的基本概念、工作原理及其应用过程。MCP 是一种连接 AI 助手与数据系统的开放标准,旨在帮助大模型生成更高质量的响应。文章从 RAG 和 Function Calling 的理论基础出发,详细解析了 MCP 的核心组件(主机、客户端、服务器)及优势,并通过 ModelScope 和 Cherry Studio 实例展示其操作流程。同时,文中指出了 MCP 存在的手动配置复杂、工具稳定性不足等问题,但也强调其作为过渡协议的重要性,为未来智能体间的协同和工具使用提供了方向。
1270 54
一文带你 "看见" MCP 的过程,彻底理解 MCP 的概念
|
6天前
|
人工智能 Java 决策智能
Spring AI Alibaba Graph:多智能体框架实践
Spring AI Alibaba 是一个面向 Java 开发者的开源人工智能框架,旨在简化 AI 应用开发。本文重点介绍其 Graph 组件,用于解决工作流与多智能体协作问题。Graph 组件通过声明式编程接口,提供统一的上下文管理、消息记忆、人工确认节点等功能,支持复杂 AI 应用的构建。
|
4天前
|
存储 前端开发 JavaScript
2025 最新前端 100 道经典面试题及详细答案汇总整理
本文整理了100道前端常见面试题及其详细答案,涵盖HTML、CSS、JavaScript等多个领域,助你系统复习前端知识。内容包括HTML5新特性、CSS盒模型、Flex与Grid布局区别、选择器优先级等核心知识点,以及伪类和伪元素的区别等细节。适合准备面试或巩固基础的开发者学习。资源可从文末链接下载。
374 0
|
17天前
|
机器学习/深度学习 自然语言处理 算法框架/工具
实战 | Qwen2.5-VL模型目标检测(Grounding)任务领域微调教程
在目标检测领域,众多神经网络模型早已凭借其卓越的性能,实现了精准的目标检测与目标分割效果。然而,随着多模态模型的崛起,其在图像分析方面展现出的非凡能力,为该领域带来了新的机遇。多模态模型不仅能够深入理解图像内容,还能将这种理解转化为文本形式输出,极大地拓展了其应用场景。
1242 74