java~jsonp的使用_java jsonp-优快云博客

本文链接：https://blog.youkuaiyun.com/vx539413949/article/details/124425206

这篇博客介绍了Java后端如何使用JSONP解决跨域问题。内容包括服务端代码的编写、前端代码的实现、跨域请求的结果展示以及服务端实际响应的JS方法。通过理解JSONP的工作原理，开发者可以有效地进行跨域通信。

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

对于一个后端程序来发，它可能会被多个应用调用，而跨域的问题就来了，使用jsonp来解决这个问题是个不错的方式，下面说一下关于jsonp的知识

JSONP不是新技术，只是在页面上响应一段js
对于响应的 MIME type (‘text/plain’)需要注解，它由于受到了X-Content-Type-Options：nosniff的限制，在跨域时你的js是不支持的
基于上面的原因，我们的服务器的接口方法，返回MIME应该是application/javascript

服务端代码

   @GetMapping(value = "/get-user", produces = {"application/javascript"})
    public String users(@RequestParam String name, @RequestParam String callback) {
        String jsonStr = "{'name':'" + name + "'}";
        return callback + "(" + jsonStr + ")";
    }

前端代码

<script type="text/javascript">
    $.ajax({
        type: "get",
        url: "http://192.168.3.181:9090/get-user?name=lind",
        dataType: 'jsonp',
        jsonp: "callback",
        success: function (response, status, xhr) {
            console.log(response);	//服务器返回的信息
            console.log(xhr.status);	//服务器返回的信息
        },
        error: function () {
            console.log("请求失败");
        }
    });

</script>