javascript - 在不刷新父页面的情况下提交弹出div

Question

我有一个父页面 main.php，它已经在使用 ajax 运行。现在在这个页面中点击一个图像，我使用 jquery 打开一个弹出式 div。在弹出式 div 中输入了某些数据，我需要将数据保存在数据库中。在执行此操作时，我使用了一个提交表单的按钮，但因此父页面正在刷新。如何避免这种情况...

      /*main.php */

       <form id="popform">
       <input type="hidden" id="hdnsubmt">
      <div id="popup">
         <input type="text" id="text1"  name="text1" value=" ">
         <input type="button" value="submit" id="btnsubmit" onclick="submitform();">
      </div>
       </input>
     </form>

    <script>
         $(document).ready(function(){
          $('#popup').hide();  

       $( "#image1" ).click(function() {
                  $('#popup').show(); //if image is clicked pop up appears
                         });
       });
       function submitform()
        {

           document.popform.submit();
         }


   </script>

     <?php 
          if (isset('hdnsubmit'))
          {
           // save the data into the database;
           }

      ?>

我只需要在不刷新主页的情况下提交弹出式 div，而且我已经在主页中使用了 ajax，所以在这种情况下我需要避免使用 ajax。请帮忙......

Answer 1

<form id="popform" action="" method="POST">

现在在 <?php ?> 内的同一页面上获取表单内容

例子

<?php 

echo $name1=$_POST['name1'];

?>