跨域

最新推荐文章于 2024-08-12 09:41:26 发布

CherryTchen

最新推荐文章于 2024-08-12 09:41:26 发布

阅读量310

点赞数

分类专栏：前端乱炖

本文链接：https://blog.csdn.net/tintinchen/article/details/39033369

版权

前端乱炖专栏收录该内容

44 篇文章 1 订阅

订阅专栏

在项目中遇到同源策略引起的问题，需要跨域，跨域有很多种方法，例如document.domain+iframe的设置，动态创建script ，使用HTML5 postMessage ，jsonp。

今天先采取设置document.domain的方法，但是结果表明，无效。

然后选取了jsonp方案解决，需要注意的是，jsonp支持get请求，不支持post请求。其中用到了$.getJSON(）方法，其实是$.ajax({..}) api的一种高级封装,有些$.ajax api底层的参数就被封装而不可见了


1 $.getJSON('http://travel.qunar.com/travelbook/activity/'+ACTIVITY_ID+'/youji_share?callback=?',{
2 platform:platform,
3 csrfToken:csrfToken
4 },
5 function( json ) {
6 // console.log(json)
7 });

　　platform和csrfToken都是传递的参数，在服务端通过获得callback参数(如：jsonp*****)得到jQuery端随后要回调的，然后返回类似:"jsonp*****("+要返回的json数组+")"; jquery就会通过回调方法动态加载调用这个:jsonp*****(json数组); 这样就达到了跨域数据交换的目的.