jsonp跨域:端口不同,不同源

JSONP 跨域请求(boot项目)

JSONP 跨域请求(boot项目)

前台(html):


<html>
 <head>
        <title>跨域测试</title>
        <script src="/js/jquery.js"></script>
 </head>
 <body>
     <input id="btn" type="button" value="click" />
 </body>


 <script>

     $(document).ready(function () {
         $("#btn").click(function () {
             $.ajax({
                 url: "http://localhost:8900/toList",
                 type: "GET",
                 dataType: "jsonp", //指定服务器返回的数据类型
                 success: function (data) {
                     var result = JSON.stringify(data); //json对象转成字符串
                     alert(result);
                 }
             });
         });
     });
 </script>
</html>

后台:

@GetMapping("/toList")
    @ResponseBody
    public List<Stu> query(ModelMap map){
        List<Stu> stuList = stuService.query();

        map.put("stuList",stuList);
        return stuList;
        /*return "stu-list";*/
    }

相关文章: