Formulaire avec AJAX
Ebnou_Ljabal
Messages postés
18
Date d'inscription
Statut
Membre
Dernière intervention
-
Pierre FAY -
Pierre FAY -
Bonjour,
Bonjour,[smile]
Je débute en AJAX.
Ma question est la suivante:
Pourquoi ce code fonctionne dans IE7 et pas dans FireFox 3. Et je dois préciser que ça ne marche pas qu'on je passe par l'événement onsubmit. par contre quaund j'utilise un événement onclick d'un bouton ça marche.
Le fichier client.html
le fichier serveur.php
Merci d'avance
Bonjour,[smile]
Je débute en AJAX.
Ma question est la suivante:
Pourquoi ce code fonctionne dans IE7 et pas dans FireFox 3. Et je dois préciser que ça ne marche pas qu'on je passe par l'événement onsubmit. par contre quaund j'utilise un événement onclick d'un bouton ça marche.
Le fichier client.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Client</title>
<script type="text/javascript">
function test(){
var xhrObj=null;
if(window.XMLHttpRequest)xhrObj=new XMLHttpRequest();//Firefox
else if(window.ActiveXObject)xhrObj=new ActiveXObject("Microsoft.XMLHTTP");//Internet Explorer
else{//XMLHttpRequest non supporté par le navigateur
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
return;
}
xhrObj.open("POST","serveur.php",true);
xhrObj.onreadystatechange=function(){
if(xhrObj.readyState==4){
alert(xhrObj.responseText);
}
}
xhrObj.setRequestHeader("Content-type","application/x-www-form-urlencoded");
f=document.getElementById('frm');
var data="donnee="+f.donnee.value;
xhrObj.send(data);
}
</script>
</head>
<body>
<form name="frm" id="frm" enctype="multipart/form-data" method="POST" onsubmit="test()">
<label>Donnée : </label><input type="text" id="donnee" />
<input type="submit" value="OK" />
</form>
</body>
</html>
le fichier serveur.php
<?php extract($_POST);//le champ nom echo "La donnee saisie est : ".$donnee; ?>
Merci d'avance
A voir également:
- Formulaire avec AJAX
- Whatsapp formulaire opposition - Guide
- Formulaire de réclamation facebook - Guide
- Formulaire de reclamation instagram - Guide
- Confirmer le nouvel envoi du formulaire err_cache_miss - Forum Google Chrome
- Problème envoi formulaire - Forum Webmastering
5 réponses
oui je confirme que Formallin est très bien !
Sinon Jquery est top.
les requetes Ajax sont d'une utilisation enfantine :
exemple :
$.ajax({
url: 'ajax/test.html',
success: function(data) {
$('.result').html(data);
alert('Load was performed.');
}
});
Sinon Jquery est top.
les requetes Ajax sont d'une utilisation enfantine :
exemple :
$.ajax({
url: 'ajax/test.html',
success: function(data) {
$('.result').html(data);
alert('Load was performed.');
}
});
Un tutoriel qui va vous aider pour la validation des formulaires :
http://www.pierrefay.fr/jquery-validate-formulaire-validation-tutoriel-455
http://www.pierrefay.fr/jquery-validate-formulaire-validation-tutoriel-455
Bonsoir,
ça ne marche pas qu'on je passe par l'événement onsubmit. par contre quaund j'utilise un événement onclick d'un bouton ça marche.
c'est normal le bouton type submit va envoyer le formualire, alors que tu essaye en parralele d'envoyer les données au script par Ajax
ne mets pas un bouton submit mais un bouton type button
c'est justement l'intérêt de Ajax de pouvoir appeler un script sur le serveur sans envoyer le formulaire
ça ne marche pas qu'on je passe par l'événement onsubmit. par contre quaund j'utilise un événement onclick d'un bouton ça marche.
c'est normal le bouton type submit va envoyer le formualire, alors que tu essaye en parralele d'envoyer les données au script par Ajax
ne mets pas un bouton submit mais un bouton type button
c'est justement l'intérêt de Ajax de pouvoir appeler un script sur le serveur sans envoyer le formulaire
Bonjour,
En effet et zzzrod te présente jquery car il permet l'utilisation simplifiée d'AJAX, et quand je dis simplifiée c'est vraiment simplifiée !
Renseignes-toi ici https://jquery.com/
Au plaisir ;)
En effet et zzzrod te présente jquery car il permet l'utilisation simplifiée d'AJAX, et quand je dis simplifiée c'est vraiment simplifiée !
Renseignes-toi ici https://jquery.com/
Au plaisir ;)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question