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
});

使表单使用ajax

2 个答案: