JSONP 实例

Posted otherCoding

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JSONP 实例相关的知识,希望对你有一定的参考价值。

1、页面端:

 1 $.ajax({
 2      type: "GET",
 3      url: baseUrl + ‘/gameInfo/getPGameInfo‘,
 4      dataType: "jsonp",
 5      jsonpCallback: "jsonpCallback",
 6      data: {
 7           pid: pid,
 8           interval: interval,
 9           fruit: fruit,
10           playType: playType
11     },
12     success:function(res) {
13     
14     }
15 });            

 

2、服务器端:

 1 @Controller
 2 @RequestMapping("/gameInfo")
 3 public class GameInfoController extends BaseController {
 4 
 5     @Autowired
 6     private GameInfoService gameInfoService;
 7 
 8     @RequestMapping(value = "/getPGameInfo", method = RequestMethod.GET)
 9     @DataSourceChange(slave = "slave12")
10     @ResponseBody
11     public String getPGameInfo(Integer pid, Integer interval, Integer fruit, String callback) {
12        
13         List<PGameInfo> lst = gameInfoService.getPGameInfo(times, pid, fruit);
14         String result = callback +"("+ JSON.toJSONString(lst) + ")";
15         return result;
16     }
17 }

3、说明:a.本代码提供思路

      b.后端注意return时用jsonp 包装

     

以上是关于JSONP 实例的主要内容,如果未能解决你的问题,请参考以下文章

解决跨域的jsonp+Java实例

jsonp跨域请求数据实例之手机号码查询

JSONP的诞生原理及应用实例

VUE -- JSONP的诞生原理及应用实例

创建片段而不从 java 代码实例化它

jsonp跨域实例