javascript – 如何在ajax调用后停止刷新页面?

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");
        });
    });
});
最佳答案
id #loginForm是否指向表单?如果是,则需要收听提交事件而不是单击.如果您确实需要侦听click事件,则必须将事件绑定到提交按钮或触发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]
});

这应该是你的伎俩.

转载注明原文:javascript – 如何在ajax调用后停止刷新页面? - 代码日志