Ajax调用后如何停止刷新页面？

Question

在ajax调用后，我无法停止刷新页面。我已经尝试通过放置e.preventDefault（）; 并返回false；同样，但我的页面再次刷新。

我不知道代码或某些问题是什么。请帮助我在ajax调用后停止刷新页面。解决这个问题将对我有很大的帮助。提前致谢。

这是我的代码：

$(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");
        });
    });
});

Answer 1

ID是否#loginForm指向表单？如果是，则需要侦听Submit事件而不是单击click。如果您确实需要监听click事件，则必须将事件绑定到Submit按钮或触发的任何事件form.submit()。

尝试这样的事情：

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

这应该为您解决问题。