jsonp 后台返回注意事项

Posted 黑色力量

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jsonp 后台返回注意事项相关的知识,希望对你有一定的参考价值。

前端代码

<script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
var time = ‘2017-03-01‘;
var money = 300.15;
var remark = ‘aaa‘;
$.ajax({
    url: ‘http://localhost:8084/TeamAccount/AddOne‘,
    type: ‘get‘,
    dataType: ‘jsonp‘,
    data: {
        time: time,
        money: money,
        remark: remark
    },
    success: function (data) {
        console.log(data);
    } 
});

</script>

后台返回

        try (PrintWriter out = response.getWriter()) {
            
            String callback = request.getParameter("callback");    
            String retStr = callback + "({\"name\":\"beidao\",\"age\":25});";
            /* TODO output your page here. You may use following sample code. */
            out.println("retStr");
        }

注意: retStr的格式“callback+(json串);

 




以上是关于jsonp 后台返回注意事项的主要内容,如果未能解决你的问题,请参考以下文章

JSONP

跨域访问JSONP CORS

原生的js实现jsonp的跨域封装

Echarts +ajax+JSONPObject 实现后台数据图表化

Echarts +ajax+JSONPObject 实现后台数据图表化

JSONP调用MVC后台接口