跨域请求

1、jsonp

JSON(JavaScript Object Notation)和JSONP(JSON with Padding):将json格式数据以function包裹起来，经过script标签发生至后台，而且返回接受数据

//经过script标签引入一个文件，这个文件载入成功后会执行咱们在url参数中指定的函数，而且会把咱们须要的json数据做为参数传入。因此jsonp是须要服务器端的页面进行相应的配合的。
1. callback参数 为方法名
//方法在跨域访问连接<script src="http://test.com/07cross_domain.php?callback=username"> <//script>的前面

	function username(data){
			console.log(data);//[1, 2, "username"]
		}
		<script src="http://test.com/07cross_domain.php?callback=username"> <//script>

　　2.jquery 封装jsonp 实现跨域访问

    $.getJSON('http://test.com/07cross_domain.php?callback=?',function(data){
        console.log(data);//[1, 2, "jQuery111308241057162129959_1460185199870"]
    })

 

2、iframe或img标签跨域

其实jsonp是依靠 script标签跨域

3、Proxy后台代理 

例如：PHP经过Cur模块 l实现网页代理proxy

4、同源机制 CORS(Access-Control-Allow-Origin)

// 指定容许其余域名访问  
header('Access-Control-Allow-Origin:*');  
// 响应类型  
header('Access-Control-Allow-Methods:POST');  
// 响应头设置  
header('Access-Control-Allow-Headers:x-requested-with,content-type');