无法使用 ajax 调用 servlet

Question

我试图在点击事件上使用ajax调用servlet。从那个servlet，我称之为谷歌身份验证endpoint。我尝试将标头设置为我正在调用的servlet，但我无法摆脱此错误

XMLHttpRequest 无法加载 https://accounts.google.com/o/oauth2/auth?client_id=2536-a...nid 个人资料电子邮件

这是代码

$.ajax({
                type: "GET",
                url: "/url-for-servlet",
                dataType: "jsonp",
                contentType:    'application/json',
                error: function (jqXHR, textStatus, errorThrown) {
                    console.log(jqXHR)
                },
                success: function (data) {
                    alert("yippy");
                    console.log(data);

                }
            });

在servlet上，我将其添加到响应中

response.addHeader("Access-Control-Allow-Origin", "*");
        response.addHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
        response.addHeader("Access-Control-Max-Age", "3600");
        response.addHeader("Access-Control-Allow-Headers", "x-requested-with");

知道我错过了什么吗？谢谢你的帮助。

Answer 1

AJAX通常不允许从它调用其他域API。这称为CSRF攻击。您的解决方案是，将数据发布到服务器servlet，并在后端（servlet）中执行所需的操作。

Answer 2

这是一个标准的安全限制：JS不能向自己的域以外的域发出请求。因此，您在localhost上有一个应用程序，accounts.google.com 对应用程序进行Ajax调用 - 默认情况下不允许。

请参阅此问题