Как отправить и получить get ajax на нативе?

Question

[Игорь]

Хочу реализовать что то типа живого поиска.

Срипт на стороне сервера уже есть,в переменю пхп надо будет передавать value и потом получать ответ сервера и давать данные города на странице.

welovepavel.esy.es/t/input/php/sql.php примерно что будет отдавать сервер.

search.oninput =function searchVal(){

  console.log(search.value);


var xhr = new XMLHttpRequest();

xhr.open('GET', './php/sql.php?input='+search.value, true);


if(xhr.status != 200){
   console.log( xhr.status + ': ' + xhr.statusText );
}else{
  console.log(xhr.responseText );
}

xhr.send();

};

Сейчас проблемка,я не совсем понял как передавать значения инпута ?

пхп

$varInput= $_GET['input'];

PS.тока нативный джс.

Comments

[Игорь]

Ridz важен ваш ответ,пожалуйста)

Answer 1

[Игорь]

search.oninput =function searchVal(){

  console.log(search.value);

  var ourServ;

var xhr = new XMLHttpRequest();
xhr.onreadystatechange= function(){
  if(xhr.readyState !=4) return;

   console.log( xhr.status + ': ' + xhr.statusText + 'respone:'+xhr.responseText);


  ourServ=JSON.parse(xhr.responseText);
console.log(ourServ,' our)');
};

xhr.open('GET', './php/sql.php?input='+search.value, true);

xhr.send();

};

Answer 2

[E_K]

Отправить можно так:

<input type="text" size="40" id="search" onkeyup="searchVal()">

<script>
function searchVal(){
  console.log(search.value);
  var xhr = new XMLHttpRequest();
  xhr.open('GET', './php/sql.php?input='+document.getElementById("search").value, true);
  if(xhr.status != 200){
    console.log( xhr.status + ': ' + xhr.statusText );
  }else{
    console.log(xhr.responseText );
  }
  xhr.send();
};
</script>