[Résolu] JQuery.ajax

Hello

Petit problème, je dois pas bien comprendre... j'ai du jquery :

jQuery(document).ready(function() {
	jQuery("#form_ajax").submit(function(event) {		
		jQuery.ajax({
		    url : './themes/bartik/php/traitement.php',
		    type : 'POST' ,
		    data : 'name=' + jQuery("id_input_ajax").val(),
		    dataType : 'html',
		    success : function(resp, statut){ // data contient le HTML renvoyé
				jQuery(resp).appendTo("#div_resultat");
			},
		    error : function(resultat, statut, erreur){
				alert (resultat);
		    }
		});
	});
});

qui fonctionne, MAIS quand je clic sur le submit ça recharge le page... jquery ajax n'est pas sensé "ne pas" rafraîchir la page ??

Merci de m'éclairer
Modifié par JENCAL (07 Oct 2015 - 10:04)

Bonjour,

Si il n'y a pas d'erreur dans ton js, il doit en effet s'exécuter, mais comme tu ne bloques pas le submit du formulaire, l'action d'envoi s'exécute normalement:

jQuery("#form_ajax").submit(function(event) {	
 .. 
 ..
  return false;
});

Au passage, tu écris jQuery("id_input_ajax"), n'est ce pas plutôt jQuery("#id_input_ajax") ?

Ou un équivalent qui parle à la place de return false :

event.preventDefault();

[quote=loicbcn
Au passage, tu écris jQuery("id_input_ajax"), n'est ce pas plutôt jQuery("#id_input_ajax") ?
Oui c'est une erreur que j'ai corriger depuis. merci.


return false; ou event.preventDefault(); faut que je regarde la différence.

Merci de vos réponse en tout cas !
Modifié par JENCAL (07 Oct 2015 - 10:04)