Question

我在我的网站上申请google + login。但是当我向我的服务发送数据以将其保存在数据库上时，它会给我以下错误：

未捕获的SecurityError：阻止原始"http://localhost"的框架访问具有原点＆＃34; https://apis.google.com＆＃34;的框架。请求访问的帧具有＆＃34; http＆＃34;的协议，被访问的帧具有＆＃34; https＆＃34;的协议。协议必须匹配。

我的代码是：此函数填充文本框中的值。并且值正确填充。

function signinCallback(authResult) {
if (authResult['status']['signed_in']) {
    gapi.client.load('plus', 'v1', function() {
        var request = gapi.client.plus.people.get({
            'userId': 'me'
        });
        request.execute(function(resp) {
            var googleId = resp.id;
            var name=resp.displayName
            isGoogleSignUp(googleId, function(res) {
                if (res) {
                    window.location = "profile.php";
                } else {

                    $("#loginPopup").css("dispaly", "none");
                    $("#signupPopup").css("display", "block");
                    $("#socialName").val(name);
                    //$("#socialMail").val();
                    $("#socialId").val(googleId);
                    $("#socialType").val("google");
                  }
               });
           console.log(resp);

           });
      });
} else {
    console.log('Sign-in state: ' + authResult['error']);
}
}

此功能在通过提交按钮单击 -

调用时出错

function socialSignUp1() {
var urlString = "Service/socialSignup.php";
var form = new Object();
form.socialId = $("#socialId").val;
console.log(form.socialId);
form.type = $("#type").val();
form.name = $("#socialName").val();
form.mail = $("#socialMail").val();
form.phone = $("#socialPhone").val();
form.address = $("#socialAddress").val();
$.ajax({
    type: 'POST',
    data: form,
    url: urlString,
    success: function(resultData) {
        if (resultData == 1) {
            window.location("profile.php");

        }
    },
    error: function(resultData) {
        alert(resultData);
    },
    failed: function() {
        alert("hello");
    }
  });
 }

Answer 1

正如您的错误消息所示：

请求访问的帧具有＆＃34; http＆＃34;的协议，被访问的帧具有＆＃34; https＆＃34;的协议。协议必须匹配。

因此，请更改您正在使用的协议。

谷歌+登录错误。阻止了一个源为“http：// localhost”的框架

1 个答案: