跨域访问

最新推荐文章于 2025-09-10 20:18:23 发布

weixin_30915951

最新推荐文章于 2025-09-10 20:18:23 发布

阅读量51

点赞数

CC 4.0 BY-SA版权

文章标签： json php javascript ViewUI

原文链接：http://www.cnblogs.com/dxrmanman/p/6149414.html

今天老板交给一个任务：跨域问题的解决。

简单点说：我本地有个工程，我想访问与我本地不能域的地址，这时浏览器会报一个跨域的拦截：

为解决这个问题，首先应该了解几个概念：跨域、ajax、json、jsonp

有比较直接的解决办法-给被访问对象添加http头文件：（适用于被访问地址也是我们自己开发的内容）

第一种，就是在程序中添加HTTP头：

如： Response.Headers.Add("Access-Control-Allow-Origin", "*");
// JSON
{
  ‘Access-Control-Allow-Origin‘: ‘*‘, 
}
// HTML
<meta http-equiv="Access-Control-Allow-Origin" content="*">
  
添加此段代码的目的很简单，也就是告诉浏览器，这个资源是运行远程所有域名访问的。当然，此处的*也可以替换为指定的域名，出于安全考虑，建议将*替换成指定的域名。

第二种，就是在服务器上，添加HTTP响应头。在这里，我们就以IIS6.0为例：

在被请求的网站上，设置HTTP头，添加“

//在被请求的网站上，设置HTTP头，添加
"Access-Control-Allow-Origin:*" //值为*或指定的域名。

第三种，使用JSONP格式，即在jQuery中ajax请求参数dataType:‘JSONP‘：

<script> 
    $.ajax({ 
        url:"http://map.oicqzone.com/gpsApi.php?lat=22.502412986242&lng=113.93832783228", 
        type:‘GET‘, 
        dataType:‘JSONP‘,  // 处理Ajax跨域问题
        success: function(data){ 
            $(‘body‘).append( "Name: " + data ); 
        } 
    }); 
</script>

一般完成以上工作，就可以了。网上还有说在被请求服务器根目录下创建:"crossdomain.xml"的文件。内容格式如下：

<?xml version="1.0"?>
<cross-domain-policy>
  <allow-access-from domain="*" />
</cross-domain-policy>

转载于:https://www.cnblogs.com/dxrmanman/p/6149414.html