Comment arrêter la mise à jour de la page après un appel ajax?

Je suis incapable d'arrêter l'actualisation d'une page après l'appel ajax. J'ai essayé en mettant e.preventDefault(); return false; ainsi, mais encore une fois ma page est rafraîchissant.

Je ne sais pas quel est le problème avec le code ou quelque chose. Merci de m'aider à arrêter l'actualisation d'une page après l'appel ajax. la résolution de cette question serait d'une grande aide pour moi. Merci à l'avance.

Voici mon code:

$(document).ready(function() {
    $('#loginForm').on('click', function(e) {
        e.preventDefault();
        var formData = {
            'uname'  : $('#uname').val(),
            'pwd'    :      $('#pwd').val()
        };
        $.ajax({
            type        : "POST",
            url         : "getresults.php", 
            data        : formData
        }).done(function(data) {
              alert(data+"This is working");
        }).fail(function(data) {
              alert("This is not working");
        });
    });
});

source d'informationauteur Pradeepb

  1. 13

    Est l'id #loginForm pointant vers un formulaire? Si oui, vous devez écouter l'événement submit au lieu de clic. Si vous avez vraiment besoin d'écouter l'événement click, vous devez lier l'événement le bouton "soumettre" ou tout ce qui déclenche l' form.submit().

    Essayer quelque chose comme cela:

    $('#loginForm').on('submit', function(e) {
    e.preventDefault();
    e.stopPropagation(); //only neccessary if something above is listening to the (default-)event too

    [YOUR CODE GOES HERE]
});

    Cela devrait faire l'affaire pour vous.

  2. 14

    Ajoutant type="button" attribut bouton résolu mon problème. Sinon, il a été interprété comme opération d'envoi.

  3. 5

    Je pense juste que l'ajout return false après le clic de fonction s'arrête à la page à partir rafraîchissante

  4. 1

    Ce qui m'arrivait plus tôt ce soir, et j'ai trouvé ma voie à cette question - Ce qui pourrait être un long shot, mais j'ai réalisé que mon problème a été et ce chiffre pourrait aider quelqu'un dans le futur traiter cette question.

    Êtes-vous d'utiliser quelque chose comme live-server localement ou une autre forme de script de façon intelligente actualise le code local si de nouveaux fichiers apparaissent dans le même dossier de travail? Si oui, la page est rafraîchissant de ne pas en raison de votre code, mais parce que tout ce que ajax vous avez appelé manipulé le dossier que vous étiez de travail en résultant dans la page 'mise à jour'.