Discussion :

[Smb2727]

bonjour une âme charitable pourrait m'expliquer ce script ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script>
 
				   function showUser(str) {
    					if (str == "") {
						document.getElementById("txtHint").innerHTML = "";
        				return;
    				} else { 
							if (window.XMLHttpRequest) {
            					xmlhttp = new XMLHttpRequest();
							} 
							else {
        						xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        					}
        				xmlhttp.onreadystatechange = function() {
            			if (this.readyState == 4 && this.status == 200) {
                		document.getElementById("txtHint").innerHTML = this.responseText;
            				}
							};
						xmlhttp.open("GET","Rprof.php?q="+str,true);
        			xmlhttp.send();
    				}
				  }
 
				</script>

[Cincinnatus]

Simple.
Une requête Ajax qui appelle "Rprof.php?q="+str.
Où est la difficulté ?

[psychadelic]

bonjour,
Il s'agit d'une ancienne manière de faire du Ajax.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
function showUser(str)
{
  if (str == "")  // si l'argument str est vide
  {
    document.getElementById("txtHint").innerHTML = "";   // on efface le contenu de l'élément ayant pour id="txtHint"  (1)
    return;
  } 
  else
  {
    if (window.XMLHttpRequest) {               // vérifie que la fonction standard XMLHttpRequest  (Ajax) existe sur le navigateur
      xmlhttp = new XMLHttpRequest();     // on renomme cette fonction localement
    }
    else                                                         // sinon  c'est qu'on est sur un Internet Explorer version ancienne de M$ (2)
    {
       xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");   // on renomme la fct Ajax de Microsoft avec le même nom, parce que ces 2 fonctions sont identiques  dans les 2 mondes
    }
 
    xmlhttp.onreadystatechange = function()           // attribution d'une fonction(nalité) sur tous  les éventements retour de la fonction Ajax
    {
      if (this.readyState == 4 && this.status == 200)   // quand ces 2 la ont ces valeurs, ça veut dire que le retour Ajax est au complet
      {
        document.getElementById("txtHint").innerHTML = this.responseText;    // récup de la réponse Ajax qu'on attribue comme contenu  l'élément ayant pour id="txtHint"
      }
    };
    xmlhttp.open("GET","Rprof.php?q="+str,true);   // préparation d'une commande Ajax par GET avec pour argument une URL  contenant  l'argument de la fonction englobante qui s'appelle ici showUser
 
    xmlhttp.send();  // envoi de la commande Ajax , parce que maintenant elle est bien renseignée sur KoiFair au retour et queskifau envoyer
  }
}

(1) vaut mieux écrire document.getElementById("txtHint").innerHTML = null; .

(2) quand Microsoft espérait imposer ses standards aux autres (ou plutôt mener la danse), quite à réécrire des fonctions déjà standardisées

Il y existe une balise [CODE] sur ce forum, faut s'en servir, ( bouton avec un # )

Aujourd'hui, avec ES6, on utilserai plutôt un Fetch

tout ça est dans les docs =>
https://developer.mozilla.org/fr/doc...XMLHttpRequest
https://developer.mozilla.org/fr/doc...PI/Using_Fetch

Il y a aussi une grande quantité de tutoriels vidéo qui expliquent tout ça en 5 minutes

[Smb2727]

merci beaucoup pour vos reponse j'y vois beaucoup plus clair.