[英]sending post data with jquery on form submission
如果我有这个表格将帖子数据提交给页面本身:
<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>
<head>
<script src="jquery/jquery-1.11.1.min.js"></script>
<script>
$(function () {
$('#form_id').on('click','#submit', function(e){
e.preventDefault();
$.ajax({
type: "POST",
url: "get_Ajax.php",
data: $('#form_id').serialize(),
success: function(data) {
alert(data);
}
});
return false;
});
});
</script>
</head>
<form method="post" id="form_id">
<input type="text" name="ime">
<input type="button" id="submit" name="submit" value="Send">
</form>
** get_ajax.php **
<?php
$ime = $_POST['ime'];
echo "Your name is $ime";
?>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.