php – 在表单提交时使用jquery发送帖子数据

发布时间：2020-12-13 13:30:24 所属栏目：PHP教程来源：网络整理

导读：如果我有这个表单将页面数据提交给页面本身： form method="post" input type="text" name="name"/ input type="submit"//form 我如何能够使用JavaScript / jQuery注入额外的POST数据.如果我只使用任何函数(如$.post(),$.get()或$.ajax())通过ajax提交表单,

如果我有这个表单将页面数据提交给页面本身：

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

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

附加数据使用JavaScript.我正在考虑向DOM中注入一个新的隐藏字段,我将在其中传入数据,以便它与表单一起提交,但还有其他方法吗？

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

而不是使用提交按钮,使用常规按钮并通过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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!