Jquery Ajax设置withCredentials解决跨域请求

最新推荐文章于 2023-10-18 09:52:05 发布

原创最新推荐文章于 2023-10-18 09:52:05 发布 · 3.3w 阅读

27 ·

CC 4.0 BY-SA版权

JavaScript 同时被 2 个专栏收录

62 篇文章

订阅专栏

JavaWeb

39 篇文章

订阅专栏

本文介绍了如何通过配置HTTP响应头来实现跨域请求时携带Cookies的功能，并提供了后端及前端的具体实现代码。

后端代码：

        httpResponse.setHeader("Access-Control-Allow-Origin", httpServletRequest.getHeader("Origin"));
        httpResponse.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
        httpResponse.setHeader("Access-Control-Allow-Credentials", "true");

前端代码：

 $.ajax({
            url: "http://localhost:8080/orders",
            type: "GET",
            xhrFields: {
                withCredentials: true
            },
            crossDomain: true,
            success: function (data) {
                render(data);
            }
 });

跨域请求想要带上cookies必须在请求头里面加上{crossDomain: true, xhrFields: {withCredentials: true}}设置。