php - 在提交表单时使用 jquery 发送发布数据

Question

如果我有这种将发布数据提交到页面本身的表单:

<form method="post">
   <input type="text" name="name"/>
   <input type="submit"/>
</form>

我将如何使用 JavaScript/jQuery 注入(inject)额外的 POST 数据。如果我只使用 $.post()、$.get() 或 $ 等函数通过 ajax 提交表单，这会更容易。 Ajax ()。但我想在这里做的是不通过 ajax 提交表单。

附加数据在 JavaScript 中。我正在考虑向 DOM 中注入(inject)一个新的隐藏字段，我将在其中传递数据，以便它与表单一起提交，但是还有其他方法吗？

如果您需要更多代码/解释，请发表评论。

Answer 1

与其使用提交按钮，不如使用常规按钮并通过 Javascript 控制提交。在您的 javascript 中，您需要序列化表单并将其作为数据与您想要的任何其他内容一起传递。

<script>

    $(document).ready(function() {

       var extra_data = "This is more stuff to send";

       $('#submit').click(function() {
          $.ajax({
             type: "POST",
             url: "form.php",
             data: {'form': $("#my_form").serialize(), 'other': extra_data},
             success: function(msg) {
                alert("Form Submitted: " + msg);
             }
          });

       });

    });

</script>

<form id="my_form" method="post">
  <input type="text" name="name" />
  <input type="button" id="submit" />
</form>