ajax - 使表单使用ajax

Question

我在使用 ajax 发送表单时遇到问题。

这是我的代码：

<form id="form" method="get">
    <input type="text" name="name" id="name"><br>
    <input type="text" name="email" name="email"><br>
    <input type="submit" id="submit" value="submit">
</form>


$('#submit').click(function(event){
    alert('ajax');
});

“ajax”警报显示，但随后页面被重新加载！我怎样才能阻止这种行为？

Answer 1

您必须使用preventDefault

$('#submit').click(function(event){
    event.preventDefault();
    alert('ajax');        
});

Answer 2

使用$.submit()而不是点击 :)

$('#form').submit(function(event){
    alert('ajax');
    // here some ajax functions for sending via get or post ;)
    return false; // this stops loading the action site.. its something like e.preventDefault() on links
});