0

我有几个复选框来过滤数据库中的结果，但我有两个问题，第一个是我正在使用$_POST变量，当我点击刷新时，我得到一个确认表单提交对话框，我不希望用户可能多次点击刷新。

第二部分是，如果我替换$_POST为$_GET我看不到确认消息，但复选框不起作用。有人有什么想法吗？

 <script type="text/javascript">  
    $(function(){
     $('.checkbox').on('change',function(){
        $('#form').submit();
        });
    });
  </script>


  <form id="id" method="post" action="">
 <input type="checkbox" name="new" class="checkbox" <?php if(isset($_POST['new'])) echo "checked"; ?>/> New<br>
 <input type="checkbox" name="used" class="checkbox" <?=(isset($_POST['used'])?' checked':'')?>/> Used<br>
 <input type="checkbox" name="ref" class="checkbox" <?=(isset($_POST['ref'])?' checked':'')?>/> Refurbished<br>
 </form>

 if(isset($_GET['page']))
        {
            $page = $_GET['page'];
        }
        else
        {
            $page = 1;
        }
        $options = array(
            'results_per_page'              => 2,
            'url'                           => 'products.php?search=' . urlencode($q) . '&amp;page=*VAR*',
            'db_handle'                     => $dbh
        );
            if (isset($_POST["ref"])) {
            $arguments[] = " condition LIKE '%refur%'  ";
           } 
           if (isset($_POST["new"])) {
            $arguments[] = " condition LIKE '%new%' ";
           } 
           if (isset($_POST["used"])) {
            $arguments[] = " condition LIKE '%use%' ";
           } 
          if(!empty($arguments)) {
          $str = implode(' or ',$arguments);
          $qry = "SELECT * FROM products where " . $str . " ORDER BY id desc";
          $paginate = new pagination($page, $qry, $options);
          echo $qry;
          }
          else {

           $paginate = new pagination($page, "SELECT * FROM products order by id desc", $options);
           }
4

1 回答 1

0

这只是一个想法，使用经典/现代 ajax 方法进行提交。假设这个页面被称为 jqpost.php：

<script>
$(document).ready(function () {
  $('.checkbox').on('change',function(){
    //$('#form').submit();
    var formdata = $("#form").serialize();
    $.post("jqpost.php", formdata, function(data) {
      $("#result").html("Post OK: " + formdata);
    });
  });
});
</script>

<form id="form" method="post" action="">
<input type="checkbox" name="new" class="checkbox" <?php if(isset($_POST['new'])) echo "checked"; ?>/> New<br>
<input type="checkbox" name="used" class="checkbox" <?=(isset($_POST['used'])?' checked':'')?>/> Used<br>
<input type="checkbox" name="ref" class="checkbox" <?=(isset($_POST['ref'])?' checked':'')?>/> Refurbished<br>
</form>

<div id="result"></div>

<?php
//...
?>

如果用户点击一个复选框，jQuery 会将数据发布到 jqpost.php 脚本。作为回报，#result div 将给出状态文本。

结果，如果用户在浏览器上按下刷新按钮，表单就不会一次又一次地提交。

于 2013-11-03T19:23:30.627 回答