提交表單后如何清除表單並將數據傳遞到php文件而不重新加載頁面
[英]how to clear form after submit the form and pass the data to php file without reloading page
問題描述
提交表單后如何清除表單並將數據傳遞到php文件而無需重新加載頁面...表單數據通過php文件並存儲了數據庫。但是提交表單后我無法清除表單數據。如果我使用javascrip重置表單，但數據未通過數據庫。如果我將數據傳遞至php，表單不清晰。是否有辦法實現兩個目標？謝謝..這里是我的摘錄代碼...
<iframe name="votar" style="display:none;"></iframe>
<form action="confirm.php" id="sfm" method="POST" target="votar">
<input type="text" placeholder="Name" name="name" value="" required/>
<input type="submit" value="Submit My Project " />
</form>
6 個解決方案
解決方案1
1 2018-08-27 06:34:29
使用AJAX可以做到這一點。
$('#submitBtn').click(function () {
$.ajax({
url: 'confirm.php',
data: $('#sfm').serialize(),
type: "post",
success: function (data) {
$('input[type="text"]').val('');
}
});
return false;
});
解決方案2
1 2018-08-27 06:41:26
你可以試試這個
在index.php中
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(function () {
$('form').on('submit', function (e) {
e.preventDefault();
$.ajax({
type: 'get',
url: 'ajax.php',
data: $('form').serialize(),
success: function (data) {
$('#name').val('');
alert('data');
//your return value in data
}
});
});
});
</script>
</head>
<body>
<form action="ajax.php" id="sfm" method="POST" target="votar">
<input type="text" placeholder="Name" name="name" id="name" value="" required/>
<input type="submit" value="Submit My Project " />
</form>
</body>
</html>
並在ajax.php中
<?php
$name = $_GET['name'];
//do what you want to do using name
echo "what you need to return";
解決方案3
0 2018-08-27 06:30:30
您是否考慮過使用Ajax處理表單提交？
解決方案4
0 2018-08-27 06:31:42
提交並保存表單后，嘗試使$_POST數組為空
$_POST='';
解決方案5
0 2018-08-27 06:44:39
您可以這樣做，首先獲取表單輸入值，然后reset
您還可以在成功響應后重置
$(function () { $('form').on('submit', function (e) { e.preventDefault(); var that = $(this); var params = that.serialize(); that.get(0).reset(); console.log(params); $.ajax({ type: 'GET', url: 'submit.php', data: params, success: function (data) { console.log(data); } }); }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form action="confirm.php" id="sfm" method="POST" target="votar"> <input type="text" placeholder="Name" name="name" value="" required/> <input type="submit" value="Submit My Project " /> </form>
服務器端
<?php
$name = $_GET['name'];
echo 'success';
exit();
?>
解決方案6
0 2018-08-27 06:45:31
獲得成功響應后，您可以清除表單輸入
$('#sfm').submit(function () {
var form = $(this);
$.ajax({
url: 'phpfile.php',
data: form.serialize(),
type: "POST",
success: function (data) {
$('input[type="text"]').val('');
}
});
return false;
});
將表單提交到PHP頁面，而無需使用Submit按鈕重新加載
[英]submitting form to PHP page without reloading using the submit button
提交一個php表單並在div上顯示其結果而不重新加載頁面
[英]Submit a php form and display its result on div without reloading page
將表單數據提交到servlet並檢索答案而無需重新加載頁面？
[英]Submit form data to servlet and retrieve answer without page reloading?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.