七种跨域方法【1.CROS篇】

原创 2017年01月03日 10:22:31
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>

    /*
    * 问题描述:
    * 我本地http://localhost/cors.html有一需求,
    * 想要访问外域http://www.lamport.me/domeCROS.php文件怎么办?
    * <?php
    *  header("Access-Control-Allow-Origin:*");
    *  echo 'cros';
    *  ?>
    * 如果该文件不能访问,你可以在自己的wamp中配置一个虚拟主机进行访问
    * 虚拟主机的配置地址:
    * http://blog.csdn.net/super_yang_android/article/details/53991982
    * 首先想到的是cros方法
    * */


    // 跨浏览器创建并返回CORS对象
    // param method : 请求的方式, get or post
    // param url : 跨域请求的url
    // return xhr : 返回的跨域资源对象
    function createCORSRequest(method, url){
       var xhr = new XMLHttpRequest();
       if ("withCredentials" in xhr){
           xhr.open(method, url, true);    // CORS都是通过异步的请求
       } else if (typeof XDomainRequest != "undefined"){   // IE
           vxhr = new XDomainRequest();
           xhr.open(method, url);
       } else {
           xhr = null;
       }
       return xhr;
    }
    var request = createCORSRequest("get", "http://lamport.me/domeCROS.php");
    if (request){
        // 用于替代onreadystatechange 检测成功,表示接受数据完毕
        request.onload = function(){
            // 对响应的信息进行处理
            alert(request.responseText);    // 取得响应的内容
        };
        // 用于替代onreadystatechange 检测错误。
        request.onerror = function(){
            // 对响应的信息进行处理
        };
        // 用于停止正在进行的请求。
        request.onabort = function(){
            // 对响应的信息进行处理
            alert(request.responseText);
        };
        // 跨域发送请求
        request.send();
    }


</script>
</body>
</html>
版权声明:本文为博主原创文章,未经博主允许不得转载。

CORS解决ajax跨域问题

一、介绍 CROS是现在主流解决跨域问题的方案,未来估计也是趋势。 1. 跨域资源共享(CORS)Cross-Origin Resource Sharing (CORS) 是W3c工作草案,它定义...
  • saytime
  • saytime
  • 2016年05月31日 22:40
  • 10075

CORS——跨域请求那些事儿

CORS——跨域请求那些事儿 摘要: CORS,一个看似有点“冷门”的领域,但在日常开发中实际上经常碰到这方面的问题。纵观各大技术论坛,却没有几个帖子能讲透CORS的那点事,本期云享团邀请嘉...
  • u014344668
  • u014344668
  • 2017年02月09日 16:21
  • 7727

ajax 跨域 CROS

在某域名下使用ajax向另一个域名下的地址请求数据时,浏览器出于安全考虑,会限制在脚本中发起的跨域请求。然而怎样才能算跨域?协议,域名,端口都必须相同,才算在同一个域。也就是说如果协议、域名、端口中有...
  • cabbges
  • cabbges
  • 2016年11月28日 15:34
  • 999

php_CORS 跨域

通过设置Access-Control-Allow-Origin来实现跨域。 例如:客户端的域名是client.runoob.com,而请求的域名是server.runoob.com。 如果直接使用...
  • u013372487
  • u013372487
  • 2016年03月30日 17:29
  • 2213

HTTP访问控制(CORS),解决跨域问题

这是一篇介绍HTTP访问控制(CORS)的文章,主要用来说明网站的跨域问题.原文地址:https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_...
  • thc1987
  • thc1987
  • 2017年01月16日 11:06
  • 5038

七种跨域方法【6.window.name篇】

问题描述: 通过window.name方式 从本地http://localhost/a.html页面 去访问http://www.lamport.me/data.html的数据 如果该文件不能访问,你...
  • super_yang_android
  • super_yang_android
  • 2017年01月03日 10:59
  • 313

七种跨域方法【1.CROS篇】

Title /* * 问题描述: * 我本地http://localhost/cors.html有一需求, * 想要访问外域http://w...
  • super_yang_android
  • super_yang_android
  • 2017年01月03日 10:22
  • 683

服务器端跨域访问(CROS)解决方案

怎样配置Apache 服务器允许跨域名请求 How do we fix cross domain scripting issue ? The simple solution is to all...
  • weiliangliang111
  • weiliangliang111
  • 2015年03月10日 17:47
  • 8210

七种跨域方法【3.JSONP篇】

JSONP /* * jsonp = json + padding * 将json数据放入一个盒子中...
  • super_yang_android
  • super_yang_android
  • 2017年01月03日 10:36
  • 392

七种跨域方法【7.location.hash篇】

问题描述: 使用location.hash + iframe实现跨越 现在本地页面a.html要访问异域b.html的数据 怎么办?环境配置: a.html 和 c.html我们放在php的wamp中...
  • super_yang_android
  • super_yang_android
  • 2017年01月03日 11:08
  • 948
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:七种跨域方法【1.CROS篇】
举报原因:
原因补充:

(最多只允许输入30个字)