[英]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.