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

时间:2016-01-21 06:46:40

标签: javascript php jquery html ajax

我有一个已经使用ajax运行的父页面main.php。现在在这个单击图像的页面中,我使用jquery打开一个弹出窗口。在弹出窗格中输入某些数据,我需要将数据保存在数据库中。 在这样做的时候,我正在使用一个提交表单的按钮,但正因为如此,父页面才会刷新。 如何避免这种情况...

      /*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 ..请帮助..

1 个答案:

答案 0 :(得分:0)

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

现在在<?php ?>

内的同一页面上获取表单内容

示例

<?php 

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

?>