Charger des champs avec ajax ou javascript
reseau0010
Messages postés
278
Statut
Membre
-
reseau0010 Messages postés 278 Statut Membre -
reseau0010 Messages postés 278 Statut Membre -
Bonjour,
dans ma base de donnee j une table avec deux colonnes comme:
a b
1 c
1 e
1 f
2 n
2 v
2 b
a et b sont les noms des colonnes:
dans ma page php j ai 2 champs input ,dans le premier je veux charger que les valeurs 1 ou 2 , mais dans le deuxieme champ je veux charger que les valeurs du champ "b" par rapport au premier
par ex si je choisi dans le premier champ 1 ,le deuxieme champ propse les valeurs (c,e,f)
comment je peux faire avec ajax ou javascript sans recharger la page php
merci d avance
dans ma base de donnee j une table avec deux colonnes comme:
a b
1 c
1 e
1 f
2 n
2 v
2 b
a et b sont les noms des colonnes:
dans ma page php j ai 2 champs input ,dans le premier je veux charger que les valeurs 1 ou 2 , mais dans le deuxieme champ je veux charger que les valeurs du champ "b" par rapport au premier
par ex si je choisi dans le premier champ 1 ,le deuxieme champ propse les valeurs (c,e,f)
comment je peux faire avec ajax ou javascript sans recharger la page php
merci d avance
1 réponse
-
Salut.
Dans ton fichier JavaScript tu met ça :
//AJAX !
function callScript ( scriptName, args ){
var xhr_object = null;
// ### Construction de l'objet XMLHttpRequest selon le type de navigateur
// Cas des navigateurs de type Netscape (Firefore, Conqueror, etc.)
if(window.XMLHttpRequest)
xhr_object = new XMLHttpRequest();
// Cas du navigateur Internet Explorer
else if(window.ActiveXObject)
xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
// Cas des navigateurs ne comprenant pas cette technologie (anciens navigateurs)
else {
// XMLHttpRequest non supporté par le navigateur
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
return;
}
xhr_object.open("POST", scriptName, true);
// Définition du comportement à adopter sur le changement d'état de l'objet
// XMLHttpRequest
xhr_object.onreadystatechange = function() {
// Etat : requête terminée, réponse récupérée
if(xhr_object.readyState == 4) {
//alert(xhr_object.responseText); // DEBUG MODE
// ### Interprétation du retour du script appellé
// Mode d'interprétation 1: on affiche dans la page le retour
// comme s'il s'agissait de code HTML
//document.write(xhr_object.responseText);
// Mode d'interprétation 2: on interprète le retour comme
// s'il s'agissait de code javascript
eval(xhr_object.responseText);
}
return xhr_object.readyState;
}
xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
// Envoi de la requête
xhr_object.send(args);
}
Ca ta permettera de faire de l'Ajax.
Il te faudra ensuite creer ta fonction qui sélectonne en fonction de ta valeur
