Struts2使用jQuery JSONP解决跨域问题

http://www.darrenfang.com/2013/12/jquery-jsonp-in-struts2/

在项目中需要添加一个数据分析模块，为了不影响现有业务，需要在另一台服务器上面进行相应的分析。首先想到的就是将分析

结果保存为JSON格式，页面通过AJAX获取这些数据。那么自然就涉及到AJAX跨域的问题，而使用JSONP解决跨域问题是最简单的。

通过学习《说说JSON和JSONP，也许你会豁然开朗，含jQuery用例》这篇文章，了解到了JSONP的基本知识。

Struts 2支持JSONP，只需要在result中配置相应的属性即可。

<action name="saleRank.*" class="saleRankAction" method="{1}"> <result name="rank" type="json"> <param name="callbackParameter">callback</param> <param name="includeProperties"> saleRank.* </param> </result> </action>

指定callbackParameter参数即可。 页面上面的调用代码为：

$(function () { $.ajax({ type: "get", async: true, url: "http://remote-server/saleRank.rank.action", data: {'nick': 'www.darrenfang.com'}, dataType: "jsonp", jsonp: "callback", jsonpCallback:"handle" }) .done(function(data){ // 调用成功处理逻辑 }) .fail(function(){ // 调用失败处理逻辑 }); });

需要注意的是Struts2中配置的callbackParameter值要和页面AJAX调用参数中的jsonp的值一样（代码中高亮的行）。

第9行的jsonpCallback这个参数可以不用加上，jQuery会自动生成一个名称。特别注意，如果同一个页面中有多次JSONP调用，最好将这个参数设置成不同的值，或者不加上这个参数。如果这个参数的值是一样的，那么后面的回调函数会覆盖前面的。

具体说明可以参看StackOverflow上面的这个回答《Why does a single Ajax call work fine, but consecutive Ajax calls fail?》。

这样就可以成功获得数据了。