如何安全通过AJAX向PHP传递谷歌登录用户信息

我来帮你补全这个AJAX请求的实现，把谷歌登录拿到的用户信息顺利传到服务器～

首先，你已经成功获取了谷歌用户的基础profile，接下来只需要把需要的字段打包，通过AJAX发送给后端接口就行。下面是完整的onSignIn函数实现：

function onSignIn(googleUser) {
  // 提取谷歌用户的核心信息
  var profile = googleUser.getBasicProfile();
  var userInfo = {
    fullName: profile.getName(),
    email: profile.getEmail(),
    avatarUrl: profile.getImageUrl()
  };

  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      // 请求成功后更新页面指定区域
      document.getElementById('php').innerHTML = this.responseText;
    } else if (this.readyState == 4) {
      // 可选：添加请求失败的调试提示
      console.error('服务器请求失败，状态码：', this.status);
    }
  };

  // 配置请求：POST方法 + 你的后端接口地址
  xhttp.open('POST', '/your-backend-api.php', true);
  // 设置请求头，告知服务器我们发送的是JSON格式数据
  xhttp.setRequestHeader('Content-Type', 'application/json');
  // 将用户信息转为JSON字符串发送
  xhttp.send(JSON.stringify(userInfo));
}

几个关键细节说明： #

• 把用户信息整理成对象userInfo，结构更清晰，也方便后续扩展字段
• 使用POST方法传递数据（比GET更安全，适合用户隐私信息的传输）
• 必须设置Content-Type: application/json，否则后端可能无法正确解析JSON格式的请求体
• 额外添加了请求失败的处理逻辑，方便开发时调试问题

如果你用PHP作为后端，这里给个简单的接收示例：

<?php
// 读取JSON格式的请求体
$rawInput = file_get_contents('php://input');
$userData = json_decode($rawInput, true);

// 提取字段进行处理（比如存入数据库）
$name = $userData['fullName'];
$email = $userData['email'];
$avatar = $userData['avatarUrl'];

// 返回响应给前端
echo "已成功接收用户信息：{$name}（邮箱：{$email}）";
?>

内容的提问来源于stack exchange，提问作者DMVerfurth