js 跨域详解

一朵红杏

于 2016-07-23 17:15:13 发布

阅读量502

点赞数 1

分类专栏： JavaScript 文章标签： ajax 浏览器服务器跨域 javaScript

本文链接：https://blog.csdn.net/java_goodstudy/article/details/52005494

版权

JavaScript 专栏收录该内容

17 篇文章

订阅专栏

js across area url

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


    协议:http
    域名:localhost||127.0.1
    prot:8000...

对http://store.company.com/dir/page.html同源检测的结果:

这里写图片描述

一、通过jsonp跨域
在js中，我们直接用XMLHttpRequest请求不同域上的数据时，是不可以的。但是，在页面上引入不同域上的js脚本文件却是可以的，jsonp正是利用这个特性来实现的。
比如，有个a.html页面，它里面的代码需要利用ajax获取一个不同域上的json数据，假设这个json数据地址是http://example.com/data.php,那么a.html中的代码就可以这样：

参考如下文章：
http://www.jb51.net/article/48794.htm