如何解析并改写JS常用跨域方法实现原理为长尾关键词？

本文共计2182个文字，预计阅读时间需要9分钟。

这里所说的JS跨域是指通过JS在不同域之间进行数据传输或通信，例如用AJAX向不同域请求数据，或通过JS获取不同域页面中（iframe）的数据。只需遵循协议、域名、端口等规则即可。

这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。

下表给出了相对store.company.com/dir/page.html同源检测的结果:

要解决跨域的问题，我们可以使用以下几种方法：

通过jsonp跨域

在js中，我们直接用XMLHttpRequest请求不同域上的数据时，是不可以的。但是，在页面上引入不同域上的js脚本文件却是可以的，jsonp正是利用这个特性来实现的。

比如，有个a.html页面，它里面的代码需要利用ajax获取一个不同域上的json数据，假设这个json数据地址是example.com/data.php,那么a.html中的代码就可以这样：

我们看到获取数据的地址后面还有一个callback参数，按惯例是用这个参数名，但是你用其他的也一样。当然如果获取数据的jsonp地址页面不是你自己能控制的，就得按照提供数据的那一方的规定格式来操作了。