javascript - 在 jQuery 中使用 .append 提交值 $_POST 变量包含火狐中的数据。但在 chrome 上 $_POST 变量为空

Question

我想将数据附加到已有的表单中。单击“提交”按钮时使用 JQUERY，如下所示。

  $('#submit-buildaboat').click(function(){
    console.log('clicked');
    var canvasData = document.getElementById('select-boat-color');
    var cdataurl = canvasData.toDataURL('image/png');
    var input = $("<input>")
               .attr("type", "hidden")
               .attr("name", "canvasImage").val(cdataurl);
    $('#build-a-boat').append($(input));
  });

它在 Firefox 上运行得很好，在下一页上我可以看到结果并访问 $_POST 变量中的所有值。

然而，在 Chrome 浏览器上，即使表单已填写并附加了数据，$_POST 变量也会返回空。

请建议为此做什么。

Answer 1

发生这种情况可能是因为您先提交了表单，然后附加了新的输入。 (假设您使用 <input type="submit"> )

如果您要在单击提交按钮后进行附加，那么我想说您不应该使用 <input type="submit"> 。使用<input type="button">然后单击按钮，将新的输入字段附加到表单中，然后使用 form.submit() jquery提交表单的方法。