Question

是否可以在不刷新的情况下提交表单并隐藏当前div，显示隐藏的div。

我尝试使用以下代码提交表单并重新加载页面。

<form method="post" name="searchfrm" action="schedule.php" >
      <div><input type="text" placeholder="Patient Lastname" class="pName" id="pName" name="pName" /></div></br>
      <div><input type="text" placeholder="Surgeon Name" class="sName" id="sName" name="sName" /></div></br>
       <div>
          <span><input type="text" placeholder="mm" class="mm" name="mm" /></span>
          <span><input type="text" placeholder="dd" class="dd" name="dd" /></span>
          <span><input type="text" placeholder="yyyy" class="yyyy" name="yyyy" /></span>
          <span><input type="button" class="sButton" id="sButton"/></span>
      </div>

 <!-- Search Results -->
<div id="searchDiv" class="searchDiv" style="display:none;">
<?PHP
$dateVal = $_POST["yyyy"]-$_POST["mm"]-$_POST["dd"];
$sName = $_POST["sName"];
$pName = $_POST["pName"];
echo "dateVal".$sName;
 $ser_val=@mysql_query("SELECT * FROM issio_patient_procedures WHERE procedure_date='$dateVal' AND asc_id='$ascId' AND surgeon_name='".$sName."' ");
  if(@mysql_num_rows($ser_val)>0)
    {
        $se_count=0;
        while($se_count_det=@mysql_fetch_assoc($ser_val))
        {
            $se_count++;
            echo $se_count_det["surgeon_name"];
        }
    }
?>
</div>
 <!-- Search Results End -->

<div class="scroll" id="scroll" style="display:block;">
   <div class="dateHeader">
      Some content....
   </div
</div

Answer 1

一个非常流行且常见的答案是您需要Ajax请求来执行此类异步任务。

我可以建议你使用jQuery方法

       $.ajax({
 url:'dataProcessingPage.php',  
     data: { pName:$("#pName").value, sName:$("#sName").value, .....},
     type:'POST',
     contentType: 'application/json; charset=utf-8', 
     dataType: 'json',  
 success:function(){

      $("#formDiv").hide(); 
       },

});

以上内容会将您的表单提交至dataProcessingPage.php

Answer 2

使用PHP查看Javascript和AJAX。我不会为你编写所有代码，但这应该会让你朝着正确的方向前进。

将“AJAX”视为加载页面片段甚至只是数据字符串以便使用Javascript进行解释，并仅刷新已加载DOM上的某些元素。这就是理论，现在你必须把它应用到你正在做的事情上。

在没有页面刷新的情况下将表单提交给自己，并在提交后隐藏/显示div

2 个答案: