详解5种跨域方式及其原理
同源定义 如果两个页面拥有相同的协议(protocol),端口(如果指定),和主机,那么这两个页面就属于同一个源(origin)。 以下是同源检测的示例 URL 结果 原因 http://store.company.com/dir2/other.html Success http://store.company.com/dir/inner/another.html Success https://store.company.com/secure.html Failure 协议不同 http://store.company.com:81/dir/etc.html Failure 端口不同 http://news.company.com/dir/other.html Failure 主机不同 1.jsonp script标签是不受同源策略影响的,它可以引入来自任何地方的js文件。 而jsonp的原理就是,在客户端和服务端定义一个函数,当客户端发起一个请求时,服务端返回一段javascript代码,其中调用了在客户端定义的函数,并将相应的数据作为参数传入该函数。 function jsonp_cb ( data ) { console . log ( data ); } function ajax (){ var url = "http://xx.com/test.php?jsonp