详解Java Ajax jsonp 跨域请求

什么是跨域请求

在浏览器请求数据时，如果请求的数据地址与原始页面的协议、域名或端口不同，就会发生跨域请求。由于浏览器有同源限制的限制，不同域名之间的请求会受到阻止。

解决方案

为了解决跨域请求的限制，可以使用 jsonp 方式进行异步请求。jsonp通过script标签来获取数据，script标签不受同源限制，因此可以使用jsonp来避免js被阻止。jsonp请求需要服务端返回回调函数的调用，jsonp对象会将这个回调函数作为一个参数传入服务端，然后服务端就返回该回调函数执行的实参。

Java编写示例

以下是一个简单的Java处理jsonp请求的代码示例：

@RequestMapping(value = "/getjsonp", method = RequestMethod.GET, produces = "application/javascript;charset=UTF-8")
@ResponseBody
public String getJsonp(HttpServletRequest request, HttpServletResponse response) {
    String callback = request.getParameter("callback");
    String data = "{a:1, b:2}";
    return callback + "(" + data + ")";
}

以上代码演示了一个GET请求的控制器方法，负责处理来自客户端的jsonp请求。这个方法首先从请求中获取回调函数名称，然后生成响应，将回调函数作为参数返回给客户端。其中，返回的数据格式必须符合 json 格式。

JavaScript编写示例

以下是一个简单的JavaScript代码示例，使用jQuery库来发送jsonp请求，获取服务器的数据：

$.ajax({
    url: "http://localhost:8080/getjsonp",
    data: {callback: "handleData"},
    dataType: "jsonp",
    success: function(data) {
        console.log(data);
    },
    error: function(xhr, textStatus, errorThrown) {
        console.log("错误：" + errorThrown);
    }
});

function handleData(data) {
    console.log(data);
}

以上代码演示了如何在客户端使用 jQuery 库发送jsonp请求，获取服务器的数据。其中，url参数指定了服务端的地址，data参数是一个包含callback参数的对象，dataType参数指定了请求的数据类型是jsonp。

当请求成功时，会调用success函数，可以在该函数中处理来自服务器的数据。当请求失败时，会调用error函数，可以在该函数中处理请求失败的情况。同时，需要在客户端定义回调函数handleData，该函数用于处理从服务器返回的数据。

总结

通过使用 jsonp 方式进行异步请求，可以避免浏览器的跨域限制。整体流程如下：
1. 客户端通过 script 标签进行 jsonp 请求；
2. 服务端解析请求，根据请求中的回调函数名称，生成返回数据；
3. 返回数据时，将回调函数名称和数据一起返回，客户端通过回调函数进行处理。

以上示例代码演示了如何在 Java 和 JavaScript 中使用 jsonp 进行跨域请求，希望可以对你有所帮助。