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事件，则必须将该事件绑定到submit按钮或触发

表单.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]
});

---

这应该对您有帮助。

我认为在单击功能后添加return false将阻止页面刷新。

将

type=“button”

属性添加到按钮解决了我的问题。否则它会被解释为提交操作。

今晚早些时候，我遇到了这种情况，我找到了解决这个问题的方法-这可能是一个很长的机会，但我意识到我的问题是什么，我认为这可能会帮助将来的人处理这个问题

---

您是在本地使用类似于

live server

的脚本，还是在同一工作文件夹中出现新文件时智能刷新本地代码的其他形式的脚本？如果是这样-页面刷新不是因为您的代码，而是因为您调用的任何ajax操作了您正在处理的文件夹，导致页面“更新”。

当您打开live server extension或类似刷新html页面的功能时，可能会发生这种情况。

是表单还是按钮？您还可以提供您的HTML代码吗？

e.stopPropagation（）在这里是无用的，您只需要防止默认行为；）哦，你是对的。。。这只是我捕捉事件并阻止其正常行为的惯常方式（我习惯于阻止它们冒泡）。。。我快速更新我的答案；）@hugohabel和其他人：对不起。你是对的，它应该是“提交”。但改变之后，也无法停止刷新。页面一会儿就刷新了。大家好，谢谢你们的回复。我只提取了表单代码并提交了结果，没有刷新页面。同一页中的其他代码有一些问题。在我的研究过程中，我知道若代码中有任何问题，页面将在提交时刷新。是吗？我加上去了，我的页面还在刷新。谢谢！仍然不太确定live server认为我的页面“更新”了什么，但是从live server切换到静态服务器阻止了“回发”，我不知道如果我没有阅读您的答案，我会浪费多少时间…谢谢。一个如何检查的示例会很有用。这导致了我在vs code live server扩展方面的问题。