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

在Firefox中通过AJAX跨域访问Web资源---的更多相关文章

  1. 浅析JSONP-解决Ajax跨域访问问题

    浅析JSONP-解决Ajax跨域访问问题 很久没有写随笔了,总是感觉没时间,其实时间就是...废话少说,前几天,工作上有一新需求,需要前端web页面异步调用后台的Webservice方法返回信息.实现 ...

  2. ajax跨域访问的解决方案

    今天的工作中要访问摄像机内部的一个web站点,这就涉及到jquery的ajax跨域访问的问题.我使用的是jquery1.7的版本,下面总结如下: 问题一:一开始用IE调试,总是返回No Transpo ...

  3. Ajax跨域访问问题-方法大全

    Case I. Web代理的方式 (on Server A) 即用户访问A网站时所产生的对B网站的跨域访问请求均提交到A网站的指定页面,由该页面代替用户页面完成交互,从而返回合适的结果.此方案可以解决 ...

  4. Ajax跨域访问解决办法

    方法1. jsonp实现ajax跨域访问示例 jsp代码: <body> <input type="button" onclick="testJsonp ...

  5. Web Api 2(Cors)Ajax跨域访问

    支持Ajax跨域访问ASP.NET Web Api 2(Cors)的简单示例教程演示   随着深入使用ASP.NET Web Api,我们可能会在项目中考虑将前端的业务分得更细.比如前端项目使用Ang ...

  6. 在ASP.NET MVC3 中利用Jsonp跨域访问

    在ASP.NET MVC3 中利用Jsonp跨域访问 在信息系统开发的时,根据相关业务逻辑难免会多系统之间互相登录.一般情况下我们需要在多系统之间使用多个用户名和密码.这样客户就需要在多个系统之间重复 ...

  7. Hbuilder编辑App时，ajax跨域访问失败问题

    今天试着用Hbuilder写app的前段显示页面,在第一步时就被打住了,ajax异步调用服务器的登录接口时,报错, 显示这样的错误 XMLHttpRequest cannot loadhttp://w ...

  8. 关于JQuery Ajax 跨域 访问.net WebService

    关于这个 jQuery Ajax跨域访问 WebService 前天整了好几个小时没整明白 今天再看一下 结果突然就顿悟了 1.建一个空webApplication --添加--新建项--web服务( ...

  9. JS Ajax跨域访问

    js ajax跨域访问报"No 'Access-Control-Allow-Origin' header is present on the requested resource 如果请求的 ...

随机推荐

  1. ELF学习--装载过程

    当我们在linux bash下执行ELF程序时,Linux系统是怎样装载和执行的呢? 1.bash进程fork出子进程 2.在bash的子进程中调用execve系统调用来执行指定的ELF. 3.exe ...

  2. ios和android一并学习的体会

    如果说为什么要同时学习这两种不同的移动平台,其实有一定的“闲”的因素在里面. 相对于ios,android我是早半年接触的.最开始学习的时候也就是j2ee学习的延续,通过看视频连带看书学了大概一个月的 ...

  3. Find mac address

    Windows Method 1: Using the Command Prompt 1 Click on the Start button.   2 Type cmd in the search b ...

  4. OC：习题来自平时搜索

    == 第一部分 ==  类变量的@protected ,@private,@public,@package,声明各有什么含义?写一个标准宏MIN,这个宏输入两个参数并返回较小的一个?面向对象的三大特征 ...

  5. 数据库 SQL ：数据库三大泛式简谈

    相信,在学习数据库知识时,大家都会碰到这个概念问题:数据三大泛式,同时,在面试过程中,可能大部分面试官也会提及这个问题. 首先,看看维基百科对于三大泛式的定义: 数据库规范化,又称数据库或资料库的正规 ...

  6. 大数据平台搭建（hadoop+spark）

    大数据平台搭建(hadoop+spark) 一.基本信息 1. 服务器基本信息 主机名 ip地址 安装服务 spark-master 172.16.200.81 jdk.hadoop.spark.sc ...

  7. OSX apache vhost 配置多站点时403错误解决方法

    到 /etc/apache2/httpd.conf 这个文件修改下面的路径就好了 DocumentRoot "/Users/wujinhang/workspace/"<Dir ...

  8. iOS开发-用预处理指令代替注释

    有时候我们在调试程序的时候,想不执行某一段代码或者某些方法,我们会用注释,但是这样看上去就会让你的代码显示“很绿”,此时我们可以用一下代码 #if 0 // 你不想执行的代码 #endif 这样就可以 ...

  9. 广州项目实施步骤I_练习安装 CentOS x64 6.4

    安装Centos x64 6.4 在家里使用 Vmware10.0.1进行模拟安装. 永久KEY注册密钥:5F29M-48312-8ZDF9-A8A5K-2AM0Z  下载地址:http://pan. ...

  10. cdoj 71 I am Lord Voldemort 水题

    I am Lord Voldemort Time Limit: 20 Sec  Memory Limit: 256 MB 题目连接 http://acm.uestc.edu.cn/#/problem/ ...