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

标签 javascript php jquery html ajax

我有一个父页面 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。请帮忙......

最佳答案

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

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

例子

<?php 

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

?>

关于javascript - 在不刷新父页面的情况下提交弹出div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34917055/

相关文章:

javascript - jQuery - 2 级 slider 通过单击返回到 1 级

php - 具有基于数据库的多个任务的甘特图

javascript - Facebook javascript FB.ui 请求在 IE11 和 Firefox 上挂起

javascript - 特定键盘事件

PHP 爆炸 group_concat

PHP读取另一个扩展名的MP4文件

jQuery 处理程序错误不是一个函数

javascript - Safari 中滚动不稳定

javascript - 如何将多个中间件功能包装成一个?

php - 如何移动 mysql 数据库最简单和最快的方法?