Question

191

How to stop refreshing page after ajax call?

rated 0 times [ 196] [ 5] / answers: 1 / hits: 79634 / 10 Years ago, sat, january 3, 2015, 12:00:00

I am unable to stop refreshing page after ajax call. I have tried by putting e.preventDefault(); and return false; as well but again my page is refreshing.

I dont know what is the problem with the code or something. Please help me to stop refreshing page after ajax call. solving this issue would be a great help for me. Thanks in advance.

Here is my 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);

        });

    });

});

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

dorab

Add To Favorites

Follow

Total Points: 22

Total Questions: 106

Total Answers: 99

Location: El Salvador

Member since Fri, May 8, 2020

4 Years ago

answered 10 Years ago kamronr · Accepted Answer

Is the id #loginForm pointing to a form? If yes you need to listen to the submit event instead of click. If you really need to listen to the click event, you have to bind the event to the submit button or whatever triggers the form.submit().

Try something like this:

$('#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]

});

This should do the trick for you.