ajax jsonp 跨域请求

最新推荐文章于 2023-10-09 12:40:51 发布

weixin_33729196

最新推荐文章于 2023-10-09 12:40:51 发布

阅读量145

点赞数

CC 4.0 BY-SA版权

文章标签： json

原文链接：http://www.cnblogs.com/yimianhua/p/8626529.html

本文介绍了一个使用JSONP实现跨域请求的例子，并展示了如何通过前端JavaScript发起GET请求及后端处理请求的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$.ajax({
            type: 'GET',
            async: false, // 设置为同步
            url: "http://127.0.0.1:7080/api/testJsonP.action",
            data: {
               subcompanyName: "北京",
               departmentname: "北京",
               userName: "程少话",
               requestid: "123456",
               reload: false
            },
            dataType: "jsonp",
            jsonp: "callback",
            jsonpCallback: "callbackSuccess",
            success: function (data) {
               console.log(data, " ..................... ");
            },
            error: function(){
               alert(">>>>>>>>> fail");
            }
         });

 1 @RequestMapping(value = "api/testJsonP", method = RequestMethod.GET)
 2 @ResponseBody
 3 private String testAjaxJsonP(@RequestParam(value = "callback", required = true) String callback,
 4       ApiParam param, HttpServletRequest request, @RequestParam(value = "reload") boolean reload)
 5    {
 6       logger.info(reload + " " + param.toString());
 7       JSONObject jsonObj = new JSONObject();
 8       jsonObj.put("ip", getIpAddr(request));
 9       jsonObj.put("time",
10             CommonUtil.DEFAULT_DATETIME_FORMAT.format(Calendar.getInstance().getTime()));
11       jsonObj.put("callback", callback);
12 
13       StringBuilder json = new StringBuilder(callback);
14       json.append("(").append(jsonObj.toString()).append(")");
15       return json.toString();
16    }