Envoyer formulaire Ajax/Jquery

Version imprimable

Bonjour,
Je débute en jquery et voici mon problème :

J'ai un formulaire qui permet d'ajouter une entrée dans une table (INSERT).
Voici ma fonction jquery :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 $(function() { $(".ajax").submit( function(e) { e.preventDefault(); // on empeche l'envoi du formulaire par le navigateur var datas = $(this).serialize(); $.ajax({ type: 'POST', // envoi des données en POST url: traitement.php, data: datas, // sélection des champs à envoyer success: function(data) { // callback en cas de succès //affiche un message de succès } }); }); });
Et voici Mon fichier traitement.php :
Code:

1 2 3 4 5 6 $var1 = $_POST["var1"]; $var2=$_POST['var2']; $var3 = $_POST"[var3"]; $sql= mysql_query("INSERT INTO MATABLE VALUES ('',$var1,$var2,$var3)") or die(mysql_error());
Ceci marche très bien , l'insertion dans la base fonctionne sans recharger la page.

Mais je voudrais exécuter l'insert dans la base uniquement dans certain cas et traiter les cas success ou error :
En l'occurence, en fonction d'un resultat d'une requete SQL:
SELECT nb FROM USER WHERE USER=1;

Condition par exemple nb>10

si nb>10 --> INSERT dans la base
sinon --> pas d'insert + alert()

Je pense qu'il faudrait utiliser la fonction callback succes mais je ne sais pas comment et a quel endroit vérifier la condition.

J'espère avoir été clair , ce n'est pas très facile d'expliquer.

Je reste a votre disposition pour toutes informations supplémentaires

Merci de votre aide

Thomas

Si j'ai bien compris, vous voulez des feedbacks du côté serveur?

Moi ce que j'ai fait dans mon projet, mon script PHP génère un fichier XML contenant des feedback.

Code:

1
2
3
4
5
6
7
8
9
10
11
 
header('content-type: text/xml');
// Si erreur
echo '<response>';
echo '  <error>il y a un problème là</error>';
echo '</response>';
 
// Si tout se passe bien
echo '<response>';
echo '  <success>Ca va, tout va bien.</success>';
echo '</response>';

Et puis le côté jQuery:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
$.ajax({
  ... ... autres config de la requête ajax ... ...
  success:
    function(data){
      // Voilà, il y a un problème, j'affiche le message d'erreur retourné.
      if($(data).find('error').length > 0){
        alert($(data).find('error').text());
        return;
      }
      ... ... Si la requête a été exécuté sans problème, je fais d'autres choses.
    }
});

Parfait ca devrait marcher mais juste une question :

Mais si la requete c'est executé sans probleme comment exécuter ma requete SQL dans la fonction jquery .

A savoir ici :
Citation:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 $.ajax({ ... ... autres config de la requête ajax ... ... success: function(data){ // Voilà, il y a un problème, j'affiche le message d'erreur retourné. if($(data).find('error').length > 0){ alert($(data).find('error').text()); return; } ... ... Si la requête a été exécuté sans problème, je fais d'autres choses. // REQUETE SQL INSERT } });
Merci pour ta réponse rapide.

En fait, tout est dans le script PHP,

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
header('content-type: text/xml');
 
$nb = mysql_query('... ... ... ');
if($nb > 10){
  echo '<response>';
  echo '  <error>Nb ne doit pas être supérieur à 10</error>';
  echo '</response>';
  exit(); // On s'arrête là
}
 
// Récupérer les POST et insérer les données
mysql_query("INSET INTO ... ...{$_POST['var1']}, {$_POST['var2']}");
echo '<response>';
echo '  <success>Données insérées.</success>';
echo '</response>';

Ensuite côté jQuery:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
$.ajax({
  ... ... autres configurations ajax ... ...
  success:
    function(data){
      if($(data).find('error').length > 0){
        alert($(data).find('error').text();
        return;
      }
      alert('données insérées successfully!');
    }
});

30/04/2010, 18h52
toma03

Parfait Merci beaucoup !