Отправка переменных данных на сервер с использованием метода XMLHttpRequest Get в JavaScript?

Question

Я хочу отправить одну переменную на сервер, используя метод Get в XMLHttpRequest. Когда мы используем тип 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

Сначала убедитесь, что тип данных, которые вы хотите отправить, если данные чувствительны, такие как пароль, электронная почта и т. Д., Не отправляйте их вместе с сообщением об использовании запроса на получение, хотя, если вы хотите отправлять переменные / переменные данные из get, отправьте ихс параметром запроса URL, как показано ниже

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

, и на сервере вы сможете получить переменные данные, req.query. {name_of_param}

Удачи