Mon code ne s'execute pas

Pas très précis comme retour. Le code de la fonction onreadystatechange est bien exécuté ? Des erreurs dans la console js ?

Un exemple : https://jsfiddle.net/c7z8xdhe/
N'ayant pas accès au fichier consulterfact.php, j'ai utilisé une autre API json en ligne pour faire un test.

@Pitetil n'arrive mème pas jusque là bas c'est mon véritable problème il n'exécute pas cette partie

Est-ce que la condition

if(xhr.readyState == 4 && xhr.status == 200)

est vrai lorsque tu exécute le code ?
Est-ce que tu vois la réponse de la requête dans la console ?
Toujours pas d'erreurs dans la console js ?

@Pitetcette condition est vrai puisqu'il me renvoi 200 ok

@metronome237Donc si tu affiches la réponse juste après tu devrais la voir dans la console ? Est-ce le cas ?

if(xhr.readyState == 4 && xhr.status == 200){
  console.log(xhr.response);

@PitetXHRGEThttp://localhost/prospectvente/facture/consulterfact.php?numero=11BL1
[HTTP/1.1 200 OK 32ms]

voilà ce qui s'affiche dans la console lorsque je saisi quelque chose dans l'inpur "numero"

@metronome237Il ne s'agit pas de la réponse, as tu bien utilisé l'instruction

console.log(xhr.response);

?

Est-ce que tu peux nous montrer ton code modifié sinon ?

Bonjour,

Bonne nouvelle si tu as des messages d'erreurs, même si ca ne fonctionne pas encore on devrait désormais savoir pourquoi.

D'après le message d'erreur, à la ligne 99, tu essayes d'utiliser la variable res alors que celle-ci n'a pas été déclarée (elle n'est pas initialisée).
Si tu ne vois pas comment corriger l'erreur, peux-tu nous montrer la dernière version de ton code complet stp ?

@Pitet

	var element = document.getElementById("numero");
				var buttonafficher = document.getElementById("submit");
						alert(numero);	
					buttonafficher.addEventListener('click', function(event){
					
					event.preventDefault();
    
				var numfactsaisie = document.getElementById("numero").value;
  
					console.log('Numéro : ' + numfactsaisie);
  
				if(numfactsaisie == ""){
					alert("veuillez remplir ce champ");
				return;
				}
  
				if(numfactsaisie == "jfet025"){
					document.getElementById("numero").value="jfet025";
					document.getElementById("text").value="20/08/21";
					document.getElementById("text1").value="jfet compagny";
					document.getElementById("montant").value="2.000.000";
					document.getElementById("etat").value="livrer";
					return;
				}

				//--------lire les infos via le fichier consulterfact.php et affiche
			var xhr= new XMLHttpRequest();

		xhr.open("GET","/prospectvente/facture/consulterfact.php?numero="+numfactsaisie, true);
		xhr.responseType = "json";
		xhr.send();
			console.log('Send XHR');
				xhr.onreadystatechange = function(){
					
				console.log('State: '+xhr.readyState+ ' Status : '+xhr.status);
			if(xhr.readyState == 4 && xhr.status == 200){
				
				
				console.log(xhr.response);
				alert(res.dvteNum);
				document.getElementById("numero").value=res.dvteNum;
				document.getElementById("text").value=res.dvteDtEnreg;
				document.getElementById("text1").value=res.dvteNomClient;
				document.getElementById("montant").value=res.dvtemtTTC;
			}else{
			}
  };
});

voici la dernière version

@metronome237En effet suite aux différentes version de test, la variable res n'est plus initialisée sur la dernière version.

Tu peux essayer avec cette correction :

var element = document.getElementById("numero");
var buttonafficher = document.getElementById("submit");

buttonafficher.addEventListener('click', function(event){
  event.preventDefault();

  var numfactsaisie = document.getElementById("numero").value;

  console.log('Numéro : ' + numfactsaisie);

  if(numfactsaisie == ""){
    alert("veuillez remplir ce champ");
    return;
  }

  if(numfactsaisie == "jfet025"){
    document.getElementById("numero").value="jfet025";
    document.getElementById("text").value="20/08/21";
    document.getElementById("text1").value="jfet compagny";
    document.getElementById("montant").value="2.000.000";
    document.getElementById("etat").value="livrer";
    return;
  }

  //--------lire les infos via le fichier consulterfact.php et affiche
  var xhr= new XMLHttpRequest();

  xhr.open("GET","/prospectvente/facture/consulterfact.php?numero="+numfactsaisie, true);
  xhr.responseType = "json";
  xhr.send();
  console.log('Send XHR');
  xhr.onreadystatechange = function(){
    console.log('State: ' + xhr.readyState + ' Status : ' + xhr.status);
    
    if(xhr.readyState == 4 && xhr.status == 200){
      var res = xhr.response;
      // var res = JSON.parse(xhr.response);
      
      console.log('Response : ');
      console.log(res);
      
      document.getElementById("numero").value = res.dvteNum;
      document.getElementById("text").value = res.dvteDtEnreg;
      document.getElementById("text1").value = res.dvteNomClient;
      document.getElementById("montant").value = res.dvtemtTTC;
    }
  };
});

J'ai ajouté la ligne

var res = xhr.response;

pour récupérer le réponse de la requête ajax dans la variable res.
Tu peux contrôler si les données récupérées sont correctes dans la console juste après le message "Response :".
Si cette récupération ne fonctionne pas correctement, tu peux essayer de remplacer cette ligne par celle en commentaire juste dessous qui utilise JSON.parse() mais comme indiqué dans un précédent message, tu ne devrais en théorie pas avoir besoin d'utiliser JSON.parse() car le responseType est déjà défini en json.

@Pitet(index):74 Numéro:11BAC
(index):97 Send XHR
Voilà ce que ça me renvoi comme erreur dans la console

@metronome237A priori la requête est envoyée puisqu'on arrive à la ligne console.log('Send XHR'); mais la fonction onreadystatechange n'est pas appelée car on ne voit plus les logs "State" et "Status" comme ton précédent test.

Pas d'autres messages dans la console ?
Est-ce que tu vois la requête ajax dans l'onglet Réseau à coté de l'onglet Console ?
Le serveur php est bien démarré (la page consulterfact.php fonctionne) ?