在 jQuery $_POST 变量中使用 .append 提交值包含火狐中的数据。 但是在 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">并单击 button ，将您的新输入字段附加到表单，然后使用 jquery 的form.submit()方法提交表单。