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