在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指向表单?如果是,则需要侦听Submit事件而不是单击click。如果您确实需要监听click事件,则必须将事件绑定到Submit按钮或触发的任何事件form.submit()。
#loginForm
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] });
这应该为您解决问题。