AJAX跨域与JSONP的一点实践经验
浏览数：24 /
时间：2015年06月09日
前几个周，项目中遇到了AJAX跨域的问题，然后找资料解决了。
首先要说明一点，关于AJAX的跨域原理和实践，我的经验还是比较少的，我只是大致看了下网上的资料，结合自己的理解，找到了解决办法，暂时不去仔细研究，因为要做的事情太多了，不可能把所有的问题都给研究透彻了。
问题场景：
a.com访问二级域名cms.a.com上的AJAX请求，遇到了跨域问题，Chrome-Firefox都没有问题，IE7-8-9都没有数据，直接报错了。貌似AJAX跨域不同浏览器的机制不一样。
网上有提到一种叫“JSONP”的技术，大概的意思是，我们可以直接修改<script src=""></script>的src属性，从而绕过AJAX跨域这个限制。
$.getJSON("http://cms.a.com/post/recentpost.json?jsoncallback=?",{count:count,categoryid:categoryid}, function(data){
首先要说明一点，关于AJAX的跨域原理和实践，我的经验还是比较少的，我只是大致看了下网上的资料，结合自己的理解，找到了解决办法，暂时不去仔细研究，因为要做的事情太多了，不可能把所有的问题都给研究透彻了。
问题场景：
a.com访问二级域名cms.a.com上的AJAX请求，遇到了跨域问题，Chrome-Firefox都没有问题，IE7-8-9都没有数据，直接报错了。貌似AJAX跨域不同浏览器的机制不一样。
网上有提到一种叫“JSONP”的技术，大概的意思是，我们可以直接修改<script src=""></script>的src属性，从而绕过AJAX跨域这个限制。
$.getJSON("http://cms.a.com/post/recentpost.json?jsoncallback=?",{count:count,categoryid:categoryid}, function(data){
});
});
getJSON是jquery提供的API，专门用来获得JSON格式的数据，貌似是JSONP原理实现，尚未研究。
大致的思路是，在向后端发送请求的时候，多发送一个参数，即回调函数的名字，我自己取的名字是jsoncallback，后台响应方式：
后端那个响应方法有点局限，应该需要做下判断，如果前端传入了jsoncallbak就按照jsonp的方式返回，如果是正常是非跨域AJAX请求，没有callback参数，就返回另外一种格式的数据。
参考资料：
http://blog.csdn.net/hemingwang0902/article/details/4811064
http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html
http://www.cnblogs.com/IT-Cristian/archive/2010/01/28/1658363.html
http://blog.jobbole.com/53487/
getJSON是jquery提供的API，专门用来获得JSON格式的数据，貌似是JSONP原理实现，尚未研究。
大致的思路是，在向后端发送请求的时候，多发送一个参数，即回调函数的名字，我自己取的名字是jsoncallback，后台响应方式：
//对外提供的服务接口
@RequestMapping(value = "recentpost")
public void recentPost(Integer categoryid,String jsoncallback,Integer count,Model model,HttpServletResponse response) {
List<Map<String,Object>> list = postService.listRecent(categoryid,count);
String str=JSONObject.toJSONString(list);
str =jsoncallback+"("+str+")";
super.returnMessage(response, str);
}
返回的格式是，myCallback({a:1,b:2}) ,myCallback是回调函数的值。
返回的格式是，myCallback({a:1,b:2}) ,myCallback是回调函数的值。
后端那个响应方法有点局限，应该需要做下判断，如果前端传入了jsoncallbak就按照jsonp的方式返回，如果是正常是非跨域AJAX请求，没有callback参数，就返回另外一种格式的数据。
参考资料：
http://blog.csdn.net/hemingwang0902/article/details/4811064
http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html
http://www.cnblogs.com/IT-Cristian/archive/2010/01/28/1658363.html
http://blog.jobbole.com/53487/
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
