按鈕的ajax請求時，一次點擊兩次提交的問題

頁面中的按鈕的type是submit的： <input type="submit" value="Create" id="submit" />

ajax的請求，在JQuery中是：

    $(function () {
        $('#submit').click(function () {
            var createGenreForm = $('#createGenreForm');
            if (createGenreForm.valid()) {
                var obj = {
                    Name: $('#Name').val(),
                    Description: $('#Description').val()
                };
                var jsonSerialized = JSON.stringify(obj);
                $.ajax({
                    type: "POST",
                    url: createGenreForm.attr('action'),
                    dataType: "json",
                    contentType: "application/json; charset=utf-8",
                    data: jsonSerialized,
                    success: function (result) {
                        alert(result.Message);
                    },
                    error: function (error) {
                        alert("There was an error posting the data to the server: " + error.responseText);
                    }
                });
            }
        });

    });

 發生兩次提交的原因是在執行完ajax請求後，並沒有阻止submit的行為，所以解決方案有兩種：

1、不使用type為submit類型的按鈕，而是使用type是button的按鈕。

2、在$('#submit').click函數中，最後加一行return false;，即可阻止submit。