onsubmit javascript以重新加载页面,但不在Php中显示成功消息

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

我尝试在提交表单时重新加载当前页面上的页面,以防止每次刷新页面时插入多个数据。 但是下面的代码只是重新加载当前页面,但在表单提交成功后不会显示成功消息。 所以请帮助我解决这个问题。 我的表单html代码如下:-

<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">&times;</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;
});