L'événement de réussite Ajax ne fonctionne pas

Question

J'ai un formulaire d'inscription et j'utilise jQuery Ajax pour le soumettre.

Voici le code jQuery Ajax :

$(document).ready(function() {
    $("form#regist").submit(function() {
        var str = $("#regist").serialize();
        $.ajax({
            type: 'POST',
            url: 'submit1.php',
            data: $("#regist").serialize(),
            dataType: 'json',
            success: function() {
                $("#loading").append("<h2>you are here</h2>");
            }        
        });
        return false;        
    });
});

J'ai une validation à submit1.php pour l'email et le nom d'utilisateur. Lorsque je soumets le formulaire avec des données valides, il entre dans la base de données et si j'entre des données répétées ou un email invalide, il n'entre pas dans la base de données. Donc mon submit1.php fonctionne bien.

Mon principal problème est que l'événement de la fonction de réussite à Ajax ne fonctionne pas.

**

La suppression de dataType:json a fonctionné et ma événement de la fonction de succès a été appelé. Cependant, j'ai maintenant un autre problème. Dans mon fichier submit1.php, je vérifie la répétition de l'adresse e-mail et le nom d'utilisateur dans la base de données. Si l'email ou le nom d'utilisateur est répété alors une erreur doit être générée pour le l'utilisateur sans rafraîchissement de la page. J'ai mis un die() dans mon serveur script. Comment puis-je renvoyer cette réponse à l'événement de succès dans ajax ? merci

**

Answer 1

Le résultat n'est probablement pas au format JSON, donc lorsque jQuery essaie de l'analyser comme tel, il échoue. Vous pouvez attraper l'erreur avec error: fonction de rappel.

De toute façon, vous ne semblez pas avoir besoin de JSON dans cette fonction, donc vous pouvez également supprimer la balise dataType: 'json' rang.

Answer 2

Bien que le problème soit déjà résolu, j'ajoute ceci dans l'espoir que cela puisse aider d'autres personnes.

J'ai fait l'erreur d'essayer d'utiliser une fonction directement comme ceci (success : OnSuccess(productID)). Mais vous devez d'abord passer une fonction anonyme :

  function callWebService(cartObject) {

    $.ajax({
      type: "POST",
      url: "http://localhost/AspNetWebService.asmx/YourMethodName",
      data: cartObject,
      contentType: "application/x-www-form-urlencoded",
      dataType: "html",
      success: function () {
        OnSuccess(cartObject.productID)
      },
      error: function () {
        OnError(cartObject.productID)
      },
      complete: function () {
        // Handle the complete event
        alert("ajax completed " + cartObject.productID);
      }
    });  // end Ajax        
    return false;
  }

Si vous n'utilisez pas une fonction anonyme comme enveloppe OnSuccess est appelé même si le webservice renvoie une exception.

Answer 3

J'ai essayé de supprimer la ligne dataType et cela n'a pas fonctionné pour moi. J'ai contourné le problème en utilisant "complete" au lieu de "success" comme callback. Le rappel de réussite échoue toujours dans IE, mais comme mon script s'exécute et se termine de toute façon, c'est tout ce qui m'importe.

$.ajax({
    type: 'POST',
    url: 'somescript.php',
    data: someData,
    complete: function(jqXHR) {
       if(jqXHR.readyState === 4) {
          ... run some code ... 
       }   
    }        
 });

dans jQuery 1.5, vous pouvez aussi le faire comme ceci.

var ajax = $.ajax({
    type: 'POST',
    url: 'somescript.php',
    data: 'someData'
});
ajax.complete(function(jqXHR){
    if(jqXHR.readyState === 4) {
        ... run some code ... 
    }
});

Answer 4

Assurez-vous de ne pas imprimer (echo ou print) de texte/données avant de générer vos données formatées en JSON dans votre fichier PHP. Cela pourrait expliquer que vous obteniez un -sucessfull 200 OK- mais que votre événement de succès échoue toujours dans votre javascript. Vous pouvez vérifier ce que votre script reçoit en vérifiant la section "Network - Answer" dans firebug pour le POST submit1.php.

Answer 5

Mettez un alert() dans votre success pour s'assurer qu'il est bien appelé.

Si ce n'est pas le cas, c'est simplement parce que la requête n'a pas abouti, même si vous avez réussi à toucher le serveur. Les causes raisonnables peuvent être l'expiration d'un délai d'attente ou une exception dans votre code php.

Installez l'addon firebug pour firefox, si ce n'est pas déjà fait, et inspectez le callback AJAX. Vous serez en mesure de voir la réponse, et si elle reçoit ou non une réponse réussie (200 OK). Vous pouvez également mettre un autre alert() dans le complete qui doit absolument être invoquée.