跨域相关

ajax跨域

• 同源策略：基于浏览器的安全考虑，浏览器各个厂商之间出现了一个约定，这个约定叫做同源策略。这个约定的主要内容就是，域和域之间数据不共通。

  什么是同源：协议名 域名 端口 必须相同

• 因为要获得其他域中的数据，需要跨域

• 同源策略是浏览器的一种安全策略，所谓同源是指，域名，协议，端口号完全相同

  • 限制：cookie、localStorage和IndexDB无法读取
  • 无法操作跨域的iframe里的dom元素
  • ajax请求不能发送

• 处理ajax的跨域可以选择JSONP、CORS，服务端设置代理、WebSocket

jsonp跨域

利用script 跨域特点
 <div id="box"></div>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script>
        $("#box").slideUp(2000);
    </script>
   注意：
   	script 是可以跨域 引入资源的
   	script只能引入js吗？
   	利用script标签，可以跨域引入资源的特点，动态创建 script 标签， 发送get请求，解决跨域问题

CORS跨站资源共享

<?php

header("Access-Control-Allow-Origin: *");   //全域名

header("Access-Control-Allow-Credentials: true");   //是否可以携带cookie

header("Access-Control-Allow-Methods: POST,GET,PUT,OPTIONS,DELETE");   //允许请求方式

header("Access-Control-Allow-Headers: X-Custom-Header");   //允许请求字段，由客户端决定

header("Content-Type: text/html; charset=utf-8"); //返回数据类型（ text/html; charset=utf-8、 application/json; charset=utf-8 )

//header("Access-Control-Allow-Origin: //www.jb51.net");//指定域名访问 //CORS跨域支持post、get、put、options、delete方式，而jsonp跨域只支持get方式

>?

服务端设置代理：

	服务器 没有跨域限制 后台没有跨域限制
	//php
	function curl_file_get_contents($durl){
        // header传送格式
        $headers = array(
            "token:1111111111111",
            "over_time:22222222222",
        );
        // 初始化
        $curl = curl_init();
        // 设置url路径
        curl_setopt($curl, CURLOPT_URL, $durl);
        // 将 curl_exec()获取的信息以文件流的形式返回，而不是直接输出。
        curl_setopt($curl, CURLOPT_RETURNTRANSFER, true) ;
        // 在启用 CURLOPT_RETURNTRANSFER 时候将获取数据返回
        curl_setopt($curl, CURLOPT_BINARYTRANSFER, true) ;
        // 添加头信息
        curl_setopt($curl, CURLOPT_HTTPHEADER, $headers);
        // CURLINFO_HEADER_OUT选项可以拿到请求头信息
        curl_setopt($curl, CURLINFO_HEADER_OUT, true);
        // 不验证SSL
        curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, FALSE);
        curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, FALSE);
        // 执行
        $data = curl_exec($curl);
        // 打印请求头信息
        echo curl_getinfo($curl, CURLINFO_HEADER_OUT);
        // 关闭连接
        curl_close($curl);
        // 返回数据
        return $data;
    }