11548 sujets

JavaScript, DOM et API Web HTML5

Probleme de POST form avec ajax

Bonjour,

j'ai un soucis que j'arrive pas à résoudre, je voudrais envoyer un formulaire qui s'ouvre en modal window juste avec deux champs Nom et Prenom qui ensuite des qu'il a envoyé les données ferme la modal windows pour rester sur la meme page.

je vous montre mon code 

<body>
<div id="modalwl">
<FORM  id=form1 method=post name=form1>
             Prenom :
             <br>
             <INPUT id="txtFirstName" name="txtFirstName" >
             <br>
             Nom :
             <br>
             <INPUT id="txtLastName" name="txtLastName" >
             <br>
             <INPUT type="submit" value="Submit">
</FORM>
</div>
</body>


Javascript :



        <script type="text/javascript">
	<!-- Ouverture de Modal-->
		$(function(){
			$("#close-dialog").click(function () { 
			  $('#modalwl').dialog('close') 
			});
						// Dialog	
						$('#modalwl').dialog({
							autoOpen: true,
							modal:true,
							resizable: false,
							width: 500,
							height: 700,
							show: ''
						});
					});
			
					
	<!-- Envoi formulaire -->
					
    $("#formulaire").submit(function () { 
		
        $.ajax({
	   type: "POST",
	   url: "Retrievedata_post.asp",
	   data: "txtFirstName=txtFirstName&txtLastName=txtLastName",
	   success: function(){
       $('#modalwl').dialog('close');
	   },
	 });

});				

</script>


mais à chaque fois que je veux submit j'ai une errreur.

Si quelqu'un pouvez m'aider

Merci
Qu'est ce que c'est comme erreur ?
As tu vérifié que l'événement submit était déclenché ? (par ex en plaçant un alert)
As tu monitoré les requêtes http ?
Hello,

Rien à rajouter aux questions de paolo.
Je note juste en passant que le code HTML pourrait être un peu plus propre que ça. (Ne pas alterner balises en majuscules et minuscules, utiliser des guillemets autour des valeurs d'attribut systématiquement plutôt qu'une fois sur deux, rajouter des labels explicites aux champs de formulaire.)
Sujet clos
Aller à