jQuery重新加載整個頁面，而不只是表單提交

Question

我正在開發測驗應用程序。 我需要創建一個面板來添加問題。 現在這是正在使用的AJAX代碼。 以下代碼段出現兩個問題。 （i）完全在調用ajax函數之后重新加載頁面。 （ii）奇怪的是，有時提交數據，有時不提交。

我不確定我在哪里犯錯。 請幫助。 謝謝 ：）

    function ajaxinsert() {
    var questionVal = $("#question").val();
    var option1 = $("#optiona").val();
    var option2 = $("#optionb").val();
    var option3 = $("#optionc").val();
    var option4 = $("#optiond").val();
    //alert(questionVal+option1+option2+option3);
    $.ajax({
        url: 'admin/insertQuestion',
        type: 'POST',
        cache: false,
        data: {
            question: questionVal,
            optiona: option1,
            optionb: option2,
            optionc: option3,
            optiond: option4
        },
        dataType: 'json',
        success: function (reply) {
            console.log(reply);
        },
        error: function (xhr, desc, err) {
            console.log(xhr);
            console.log("Desc :: " + desc + "\nError :: " + err);
        }
    });
}
$("#insert-button").on('submit', function (e) {
    e.preventDefault();
    ajaxinsert();
});

Answer 1

您應該在表單本身而不是在Submit按鈕上綁定到submit事件。