频道栏目
首页 > 资讯 > 其他综合 > 正文

dy项目之需求:使用jsonp实现跨域

18-07-31        来源:[db:作者]  
收藏   我要投稿

前端:原理,标签的形式可以实现跨域,但是无法接收接口的返回参数。需要接口直接向页面写出回调方法。

//原生:
<script>
    var script = document.createElement('script');
    script.type = 'text/javascript';

    // 传参并指定回调执行函数为onBack
    script.src = 'http://www.domain.com:8080/loginuser=admin&callback=onBack';
    document.head.appendChild(script);

    // 回调执行函数
    function onBack(res) {
        alert(JSON.stringify(res));
    }
 </script>
//ajax
$.ajax({
    url: 'http://www.domain2.com:8080/login',
    type: 'get',
    dataType: 'jsonp',  // 请求方式为jsonp
    jsonpCallback: "onBack",    // 自定义回调函数名
    data: {}
});

后端 java

//测试jsonp
@GetMapping("/jsonp")
public void testJsonp(String functionName, HttpServletResponse httpResponse) throws IOException {
    httpResponse.setContentType("text/html; charset=utf-8");
    httpResponse.getWriter().write(functionName+"({\"status\": true, \"user\": \"admin\"})");
    httpResponse.getWriter().flush();
    httpResponse.getWriter().close();
}
相关TAG标签
上一篇:java线程方法之join简单总结(代码实例)
下一篇:利用Python实现权限设置的详细教程
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站