在$ .ajax提交中找不到發布[object％20HTMLInputElement] 404

Question

我在使用JSP后端嘗試實現smoothState.js（ https://github.com/miguel-perez/smoothState.js ）時遇到一個小問題。 當我嘗試首次提交表單時收到此錯誤。 我第二次按提交時，我不知道是什么原因，但找到了可能的線索。

 POST http://localhost:8080/internal/inquiry/[object%20HTMLInputElement] 404 (Not Found)

它僅在具有name="action"的隱藏輸入的表單上發生。 例如，如果我的表單中包含以下內容：

 <input type="hidden" name="action" value="<%=Inquiry.CREATE_ACTION_DESCRIPTION_DATA%>" />

這是我提交的代碼。

$(document).ready(function(){


 $('#descriptionData').parsley().on('form:success', function() {
    var $form = $("#descriptionData");
    var action = "<%=Inquiry.CREATE_ACTION_DESCRIPTION_DATA%>"; 
    var formUrl = '/inquiry.do?action=' + action + '&ajax=1';

    $form.submit(function (ev) {
        $.ajax({
         type     : "POST",
         url      : formUrl,
         data     : $form.serializeArray(),
         async    : true,
         success  : function(data) {
                var smoothState = $('#main-cont').smoothState().data('smoothState');
                smoothState.load(data.redirectPage);
            }
        });

        ev.preventDefault();
    });
});

});

任何幫助，將不勝感激。

編輯：其他照片

第一次提交時的回應

對第二次提交的回應

Answer 1

很高興看到一些jsp代碼，但是現在我的猜測是，如果#descriptionData是實際的，則最好只使用$ form.serialize（）發送數據