Как сбросить запрос на сервер?

Question

[Сергей]

Делаю словарь с помощью Yandex translate API. Сделал так, чтобы после перевода слова, строка ввода очищалась, но сам запрос при этом не очищается. То есть, если не перезагружая страницу менять языки перевода и наживать на "перевести", то будет переводиться изначально введенное слово. Как сделать так, чтобы после нажатия на "перевод" запрос обнулялся и требовалось бы ввести новое слово?

var url = 'https://translate.yandex.net/api/v1.5/tr.json/translate';
var API_KEY = тут мой ключ;

document.querySelector('#translate_btn').addEventListener('click', function(){
  var req = new XMLHttpRequest();
  var word = document.getElementById("translate_form"); //поле ввода слова
  var langTranslate = document.querySelector('.lang_list');//выбор языка перевода
  var translate = document.querySelector('.translate');//блок, куда вставляется перевод

  url += '?key=' + API_KEY; 
  url += '&text=' + word.value; 
  url += '&lang=' + langTranslate.value;

  word.value = "";

  req.open('get', url, true);
  req.send();
  req.addEventListener('load', function () {
    console.log(req.response); 
    var response = JSON.parse(req.response); 
    if (response.code !== 200) {
        translate.innerHTML = 'Произошла ошибка при получении ответа от сервера:\n\n' + response.message;
        return;
    }

    if (response.text.length === 0) {
        translate.innerHTML = 'К сожалению, перевод для данного слова не найден';
        return;
    }

    translate.innerHTML = response.text.join('<br>');
  });
});

В примере на скриншоте изначально было введено слово "кот".

Comments

[Kovalsky]

"чтобы ... запрос обнулялся" - в смысле чтобы поле ввода очищалось?

Запрос вы отправляете каждый раз при клике на #translate_btn, получаете ответ, и всё. На этом работа с запросами окончена.

Answer 1

[Роман]

...
document.querySelector('#translate_btn').addEventListener('click', function(){
  var word = document.getElementById("translate_form"); //поле ввода слова

  // добавьте эти две  строчки!!!!!
  if( !word.value ) return;
  url = 'https://translate.yandex.net/api/v1.5/tr.json/translate';


  var langTranslate = document.querySelector('.lang_list');//выбор языка перевода
  var translate = document.querySelector('.translate');//блок, куда вставляется перевод
  var translate = document.querySelector('.translate');//блок, куда вставляется перевод
  var req = new XMLHttpRequest();

...