javascript - 在 JavaScript 中使用 XMLHttpRequest Get 方法将变量数据发送到服务器？

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();

}