跨域

2024-04-27 14:21:12

字体：大中小

来源：转载

供稿：网友

跨域

在项目中遇到同源策略引起的问题，需要跨域，跨域有很多种方法，例如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:csrfToken4 },5 function( json ) {6 // console.log(json)7 });

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

上一篇：JS中childNodes深入学习

下一篇：小议开源中国 I LOVE YOU js代码