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

來源:互聯網
上載者:User
頁面中的按鈕的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。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.