使用 XMLHttpRequest 将变量数据发送到服务器 JavaScript 中的获取方法？

Question

我想使用XMLHttpRequest中的 Get 方法将一个变量数据发送到服务器。 当我们使用Get类型时，我们不能像 Post 那样在正文中发送它，所以我怎样才能将该变量xyz发送到服务器..

function getSearch() {

  var xyz = "vincent";
  var url = 'https://script.google.com/a/google.com/exec';
  var xhr = new XMLHttpRequest();

  xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
      var link = JSON.parse(xhr.responseText);

    }
  }
  xhr.open('GET', url, true);
  xhr.send();

}

Answer 1

一种这样的方法是将参数编码到您的 URL 中，因此您需要按照以下方式修改您的代码。

添加以下行，其中 some_variable_name 是您计划传递的参数名称。

var params = "some_variable_name=xyz";
url = url + '?' + params;

修改您的 xhr.open 以包含新参数：

xhr.open("GET", url, true);

您的代码将如下所示：

function getSearch() {

  var xyz = "vincent";
  var url = 'https://script.google.com/a/google.com/exec';
  var params = '?some_variable_name=' + encodeURIComponent(xyz);
  var xhr = new XMLHttpRequest();

  url = url + params;
  xhr.open("GET", url, true);

  xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
      var link = JSON.parse(xhr.responseText);

    }
  }

  xhr.send();

}

Answer 2

首先确定您要发送什么类型的数据，如果数据是敏感的，如密码，email 等不要使用 get 请求发送它，而是使用 post，尽管如果您想从 get 发送参数/变量数据，请使用 URL 查询发送它参数如下

var xyz = "vincent";
var url = 'https://script.google.com/a/google.com/exec'+'? {name_of_param}='+xyz;

在服务器上，您将能够通过req.query.{name_of_param}获取变量数据

祝你好运