使用 jquery 和 .submit 捕获表单提交

我尝试使用 jQuery 捕获提交事件，然后将格式化为 JSON 的表单元素发送到 PHP 页面。 不过，我在捕获提交时遇到问题，我从.click()事件但移至.submit()一个代替。

我现在有以下精简代码。

HTML

<form method="POST" id="login_form">
    <label>Username:</label>
    <input type="text" name="username" id="username"/>
    <label>Password:</label>
    <input type="password" name="password" id="password"/>
    <input type="submit" value="Submit" name="submit" class="submit" id="submit" />
</form>

JavaScript

$('#login_form').submit(function() {
    var data = $("#login_form :input").serializeArray();
    alert('Handler for .submit() called.');
});

将代码包装在文档就绪中并防止默认的提交操作：

$(function() { //shorthand document.ready function
    $('#login_form').on('submit', function(e) { //use on if jQuery 1.7+
        e.preventDefault();  //prevent form from submitting
        var data = $("#login_form :input").serializeArray();
        console.log(data); //use the console for debugging, F12 in Chrome, not alerts
    });
});