meta data for this page
  •  

Ajax Javascript

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
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

1
2
3
4
5
6
$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