jsonp与Java结合应用实例

8080服务,前端js(使用jQuery,需要先引入):

$(document).ready(function(){

$.ajax({

            url: "http://localhost:8082/json",

            dataType: 'jsonp',

    jsonp: "jsonpCallback",
})
.done(function(res) {
  console.log("success");
  console.log(res);
})
.fail(function(res) {
  console.log("error");
  console.log(res);
});

})

另一服务后台Java代码(tomcat为8082端口):

@RequestMapping(value = "/json")
    public Object test(HttpServletRequest request) {
    Map<String,Object> obj = new HashMap<String,Object>();
obj.put("name", "xiaoqiang");
obj.put("age", 20);
String callback = request.getParameter("jsonpCallback");
System.out.println("请求参数:" + callback);
return callback + "(" + com.alibaba.fastjson.JSONObject.toJSON(obj) + ")";
    }


前端Ajax也可以使用getJSON方法,如下:

$(document).ready(function(){
$.getJSON("http://localhost:8082/json?jsonpCallback=?",
            function(data){  
                console.log("receive data: " + JSON.stringify(data))
    });
})



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值