Javascript 提交弹出div而不刷新父页面

我有一个父页面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;
           }

      ?>

/*main.php*/
$（文档）.ready（函数（）{
$（'弹出'）.hide（）；
$（“#图像1”）。单击（函数（）{
$（'#popup'）.show（）；//如果单击图像，将显示弹出窗口
});
});
函数submitform（）
{
document.popform.submit（）；
}

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

现在，在

范例

<?php 

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

?>

您没有理由不能再次使用ajax提交信息，尤其是考虑到您希望在不刷新页面的情况下提交信息page@RamRaider .. 我想不用ajax。但我认为阿贾克斯会更好。@RamRaider。。我最终使用了ajax，它工作得很好。。感谢乌蒂斯再次刷新主页。@Gautham Jha。。非常感谢你。我用ajax方法做了这件事，它的工作将只在.on（'click'）函数中使用e.preventDefault^@TT120，我已经建议使用ajax方法，这也很好，所以在这里进一步评论和投票是浪费时间的