Ajax Javascript

Documentation ⇒ https://developer.mozilla.org/fr/docs/Web/Guide/AJAX/Premiers_pas

xhr = new XMLHttpRequest()
value = // une valeur quelconque, 
    
xhr.onreadystatechange  = function() 
{ 
if(xhr.readyState == 4)
{
  if(xhr.status == 200) {
    // dans **this** on récupère la réponse $result du fichier php
    console.log('this.responseText', this.responseText)
    // pour traiter la réponse plus facilement, on utilise JSON.parse pour parser le JSON
    var results = JSON.parse(this.responseText)
  } else {
    console.log('Error', xhr.statusText)
  }
}
        
xhr.open("GET", "test.php?search=" + value,  true); // On envoi "value" au fichier php
xhr.send();

Dans le ficher test.php, on peut récupérer la valeur search

$mot = $_GET['search'];
...
// On fait un traitement, et on met un résultat dans la variable $result par exemple
...
header('200', true, 200 ); // on envoi le header 200 pour dire que tout c'est bien passé
echo JSON_encode($result); // on envoi le contenu de la variable $result encodé en JSON