javascript - 发布 [object%20HTMLInputElement] 404 在 $.ajax 提交上找不到

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()来发送数据