jQuery $(this).serialize()不发送未更改的输入

Question

当我使用jQuery post和serialize发送表单时,我似乎只发送已更改的表单中的项目.我想序列化整个表单.我怎么做？

我有一些HTML.

<form name ="XXX" class="user_goal_form">
  <input type="hidden" name ="goalID" value="1"/>
  <input type="hidden" name ="userID" value="1"/>
  Fullfilled: <input type="number" class="user_goal_input" name="achievedLevel" value="5"/.>
  Finished: <input type="checkbox" class="user_goal_input" name="goalCompleted" value="false"/>
</form>

附上一些jQuery:

$(".user_goal_input").change(function(){
  $.post("./handelform.php", {form: $(this).serialize()})
    .done(function(data) {
      $("#userList").html(data);
});

我在handleform.php中收到的已发布表单的内容只是表单中已更改的内容.从未隐藏的输入或任何未被更改的输入.我怎样才能提交整个表格？

Answer 1

您正在序列化输入而不是表单.

你可以这样做 :

$(".user_goal_input").change(function(){
    $.post("./handelform.php", {form: $(this.form).serialize()})