Formulaire avec AJAX

Fermé

Ebnou_Ljabal Messages postés 18 Date d'inscription dimanche 27 juillet 2008 Statut Membre Dernière intervention 27 septembre 2008 - 26 sept. 2008 à 20:19
Pierre FAY - 8 avril 2011 à 12:23

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

<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
Formulaire de réclamation facebook - Guide
Formulaire de reclamation instagram - Guide
Le formulaire rempli - Guide
Confirmer le nouvel envoi du formulaire err_cache_miss - Forum Google Chrome
Formulaire de contact le bon coin introuvable - Forum Réseaux sociaux

5 réponses

Réponse 1 / 5

FoxCode
28 janv. 2011 à 09:27

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.');
}
});

Réponse 2 / 5

Pierre FAY
8 avril 2011 à 12:23

Un tutoriel qui va vous aider pour la validation des formulaires :

http://www.pierrefay.fr/jquery-validate-formulaire-validation-tutoriel-455

Réponse 3 / 5

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
26 sept. 2008 à 20:45

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

Ebnou_Ljabal Messages postés 18 Date d'inscription dimanche 27 juillet 2008 Statut Membre Dernière intervention 27 septembre 2008 6
27 sept. 2008 à 00:52

Grand merci aux intervenants.

Alain_42
Si j’ai bien compris on ne peut pas utiliser AJAX avec l’événement onsubmit dans le navigateur FIREFOX uniquement. Car avec IE7 mon code marche

Réponse 4 / 5

Riku Asakura Messages postés 11 Date d'inscription vendredi 24 octobre 2008 Statut Membre Dernière intervention 28 novembre 2010 1
15 avril 2009 à 13:10

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 ;)

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 5

zzzrod Messages postés 28 Date d'inscription samedi 20 septembre 2008 Statut Membre Dernière intervention 13 novembre 2011 3
26 sept. 2008 à 20:51

Pourquoi vous n'utilise pas jquery?
C'est trop facile...
www.jquery.com

Ebnou_Ljabal Messages postés 18 Date d'inscription dimanche 27 juillet 2008 Statut Membre Dernière intervention 27 septembre 2008 6
27 sept. 2008 à 00:50

Grand merci aux intervenants.
zzzrod
En fait j’utilise ajax pour profiter de la possibilité d’échanger les données avec le serveur sans recharger toute la page.

Discussions similaires

Civilité (Mr,Mme,Melle) n' apparait pas lors de l'exécution du formulaire

Je n'arrive plus à récuperer mon compte Outlook

Google Chrome : "Nouvel envoi du formulaire"

Problème d'envoi de formulaire

Confirmation de l'envoi d'un formulaire html