跨域

在项目中遇到同源策略引起的问题，需要跨域，跨域有很多种方法，例如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数组); 这样就达到了跨域数据交换的目的.

posted on 2014-07-22 21:01  Cherry.chen  阅读(301)  评论(0)  编辑  收藏  举报

导航