java 跨域传输

原创

mob649e81673fa5 2023-07-27 13:40:51 ©著作权

文章标签 跨域 java 同源策略 文章分类 Java 后端开发

©著作权归作者所有：来自51CTO博客作者mob649e81673fa5的原创作品，请联系作者获取转载授权，否则将追究法律责任

Java 跨域传输

什么是跨域传输?

跨域传输指的是在网络应用中，一个域名下的网页或者应用程序访问其他域名下的资源时所遇到的限制。这个限制是由浏览器的同源策略所引起的。

同源策略是浏览器的一种安全策略，它要求一个网页或者应用程序只能访问与其来源相同的资源，同源指的是协议、域名和端口号完全相同。如果两个网页或者应用程序具有不同的协议、域名或者端口号，就被认为是不同源。

跨域传输的需求在实际应用中非常常见，比如一个网页需要从其他域名下加载样式表、脚本或者图片等资源。为了实现这个需求，我们需要采取一些方法来绕过同源策略的限制。

跨域传输的解决方法

JSONP

JSONP（JSON with Padding）是一种跨域传输的解决方案之一。它通过动态创建<script>标签，将需要传输的数据包装在一个函数调用中返回给客户端。这样客户端就可以通过定义一个回调函数，接收到服务器返回的数据。

下面是一个使用 JSONP 跨域传输的示例代码：

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class JsonpServlet extends HttpServlet {

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws IOException {
        // 设置响应的数据类型为 JavaScript
        response.setContentType("application/javascript");
        
        // 获取回调函数的名称
        String callback = request.getParameter("callback");
        
        // 输出 JSON 数据
        PrintWriter out = response.getWriter();
        out.println(callback + "({\"name\": \"John\", \"age\": 30})");
    }
}

在客户端代码中，我们可以定义一个回调函数来接收服务器返回的数据：

function callback(data) {
    console.log("Name: " + data.name);
    console.log("Age: " + data.age);
}

var script = document.createElement("script");
script.src = "
document.body.appendChild(script);

CORS

CORS（Cross-Origin Resource Sharing）是另一种常用的跨域传输解决方案。它通过在服务器端设置响应头来允许不同源的网页访问资源。

在使用 CORS 的情况下，浏览器会在发送跨域请求时，自动在请求头中添加一个Origin字段，表示请求的源。服务器可以通过检查这个字段，并根据需要设置响应头来允许或拒绝跨域请求。

下面是一个使用 CORS 跨域传输的示例代码：

import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class CorsServlet extends HttpServlet {
  
    protected void doGet(HttpServletRequest request, HttpServletResponse response) {
        // 设置允许跨域访问的源
        response.setHeader("Access-Control-Allow-Origin", "
        
        // 设置允许跨域访问的请求方法
        response.setHeader("Access-Control-Allow-Methods", "GET, POST");
        
        // 设置允许跨域访问的请求头
        response.setHeader("Access-Control-Allow-Headers", "Content-Type");
    }
}

在使用 CORS 的情况下，客户端可以直接发送跨域请求，无需特殊处理。