onsubmit javascript以重新加载页面,但不在Php中显示成功消息
我尝试在提交表单时重新加载当前页面上的页面,以防止每次刷新页面时插入多个数据。 但是下面的代码只是重新加载当前页面,但在表单提交成功后不会显示成功消息。 所以请帮助我解决这个问题。 我的表单html代码如下:-onsubmit javascript以重新加载页面,但不在Php中显示成功消息,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我尝试在提交表单时重新加载当前页面上的页面,以防止每次刷新页面时插入多个数据。 但是下面的代码只是重新加载当前页面,但在表单提交成功后不会显示成功消息。 所以请帮助我解决这个问题。 我的表单html代码如下:- <form action="#" method="post" onsubmit="setTimeout(function () { window.location.reload(); }, 10)"> <input type="hidden" name="ac
<form action="#" method="post" onsubmit="setTimeout(function () { window.location.reload(); }, 10)">
<input type="hidden" name="actionform" value="test"/>
Status:
<input name="status" type="text" class="form-control" id="">
<label>Remarks</label>
<textarea name="remark" class="form-control" rows="3" placeholder="Enter ..."></textarea>
<button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i> Discard</button>
<button type="submit" class="btn btn-primary pull-left"><i class="fa fa-"></i> Submit</button>
</form>
地位:
评论
丢弃
提交
我的php代码如下:-
<?php
if($_POST)
{
if($_POST['actionform']=='test')
{
$data['status'] = $_POST['status'];
$data['remark'] = $_POST['remark'];
$insert->info($data);
?>
<div class="alert alert-success alert-dismissable">
<i class="fa fa-check"></i>
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
<b>Success!</b>
</div>
<?php
}
}
?>
&时代;
成功!
试试这个
$(function() {
$("#btnSubmit").click(function() {
setTimeOut(
$("#myForm").submit(), 10);
return false;
});
});
<form action="#" method="post" id="myForm" action="<?php echo htmlspecialchars($_SERVER[" PHP_SELF "]); ?>">
<input type="hidden" name="actionform" value="test" />Status:
<input name="status" type="text" class="form-control" id="">
<label>Remarks</label>
<textarea name="remark" class="form-control" rows="3" placeholder="Enter ..."></textarea>
<button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i> Discard</button>
<button type="submit" id="btnSubmit" class="btn btn-primary pull-left"><i class="fa fa-"></i> Submit</button>
</form>
如果要以这种方式打印HTML,则需要使用if..endif样式
看看:为什么设置超时?您正在使用window.reload,它将重新加载整个页面(您将丢失所有的帖子数据),感谢您的commet程序。它只是为了设置重新加载页面的时间。是的,我知道窗口。重新加载部分加载整个页面,但我的问题是它加载整个页面,但不在其中显示成功消息。使用
window.reload
只刷新页面。要在服务器上发布$\u
数据,您必须使用适当的字段向其发送POST
请求。是的,我知道jquery。感谢您的评论Oleg Meleshko。怎么做?我试试看。但是,在刷新显示时,“要显示此页面,Firefox必须发送重复先前执行的任何操作(如搜索或订单确认)的信息”。警告,但当我单击“重新发送”按钮时,它会重新发送以前的数据,而不填写表格。您好,很抱歉,我的代码有错误。动作应该进入表单标签,我也更新了jquery。希望它现在能起作用。谢谢你的努力。
$("#btnSubmit").click(function() {
setTimeOut(function(){
$("#myForm").submit();
}, 10);
return false;
});