引導卡過濾 PHP/AJAX 問題

Question

我有一個網站頁面，上面有引導卡。 這些卡片是動態生成的，但我想添加一個過濾器部分。 我正在嘗試使用 AJAX 來實現這一點，我已經到了一個地步，當您使用 select 復選框時，它會觸發加載程序 gif，但隨后加載程序 gif 不會消失。 通過我數小時的調試，我可以看到它是 AJAX 調用所調用的頁面，這是問題所在，但我只是看不出問題出在哪里，我在控制台中沒有收到錯誤或任何內容。 如果有人有任何想法，我將不勝感激，我在下面粘貼了我的代碼，我也知道我的 sql 查詢目前可以注入，只想讓它先工作。

<body>
<?php include("PHP/header.php"); ?>



<div class="container-fluid">


<div class="container" style="margin-top: 2%; text-align: center;"> 
<h1>Title goes here</h1>
Some tetx
<br/>
<br/>
<br/>

Filter Reviews:

<ul class="list-group">
<?php
$search = $conn->prepare("SELECT DISTINCT reviewcat FROM review_db ORDER BY reviewcat");
$search->execute(); 

while ($row = $search->fetch(PDO::FETCH_ASSOC)) {       
?>
<li class="list-group-item">
    <div class="form-check">
    <label class="form-check-label">
    <input type="checkbox" class="form-check-input product_check" value="<?=$row['reviewcat'];?>" id="reviewcat"> <?=$row['reviewcat']; ?>
    </label>
    </div>
</li>
<?php } ?>
</ul>

</div>
<br/><br/>  

<div class="row-fluid ">
    
    <h5 class="text-center" id="textChange"> All Products </h5>
    <hr>
    <div class="text-center">
        <img src="Images/loader.gif" id="loader" width="100" style="display: none">
    </div>
    
        
    
     <div id="result" class="card-deck card_group_style pt-4" >
         
     <?php

        
        $res_data = $conn->prepare("SELECT * FROM review_db");
        $res_data->execute();
        
    

       
    ?>
    
    <?php while ($row = $res_data->fetch(PDO::FETCH_ASSOC)) {// Important line !!! Check summary get row on array .. ?>
    

<div class="col-sm-6 col-lg-3 py-2">
    
<div class="card mb-4">
        
        
    
  <img class="card-img-top card-images " src="Images/Reviews/<?php echo $row['reviewimage1'];?>" alt="<?php echo $row['reviewtitle'];?>" >
  <div class="card-body">
    <h5 class="card-title"><?php echo $row['reviewtitle'];?></h5>
    <p class="card-text"><?php echo $row['reviewsynop'];?></p>
    

    
    <a href="Reviews/review-content.php?id=<?php echo $row['id'];?>&reviewtitle=<?php echo $row['reviewtitle'];?>" class="btn btn-primary my-4" >Read More</a>
    <div class="card-footer" style="padding: 1%;">
      <small class="text-muted">Submitted: <?php
          $my_date = $row['reviewsub'];
            $date = DATE("d/m/Y",strtotime($my_date));
            echo $date;?></small>
    </div>
  </div>
  
 
</div> 
</div>
    
    
    
    
    <?php } ?>
    
    
    
</div>



    
  
   


    </div>
    
</div>
<?php include("PHP/footer.php"); ?>

</div>

</body>

 <?php include("PHP/js.php"); ?>

<script>
$(document).ready(function(){
 $('#link-review,#link-footer-review').addClass('active');
});
</script>
<script type="text/javascript">
    $(document).ready(function(){
        
        function get_filter_text(text_id){
            var filterData = [];
            $('#'+text_id+':checked').each(function(){
                filterData.push($(this).val());
            });
            return filterData;
        }
        
        $(".product_check").click(function(){
            
            $("#loader").show();
            
            var action = 'data';
            var reviewcat = get_filter_text('reviewcat');
            
            $.ajax({
                method:'POST',
                url:'reviewaction.php',
                data:{action:action,reviewcat:reviewcat},
                success:function(response){
                    $("#result").html(response);
                    $("#loader").hide();
                    $("#textChange").text("Filtered Reviews");
                }
                
            });
            
        });
        
        
        
    });
</script>

</html>

reviewaction.php

<?php
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);
include_once $_SERVER['DOCUMENT_ROOT'] . '/Private/db.php';

// $stmt = $conn->prepare("SELECT * FROM blogdata ORDER BY blogsub DESC");
// $stmt->execute();
?>
<?php
    
    if(isset($_POST['action'])){
        
        $sql = "SELECT * FROM review_db WHERE reviewcat !=''";
        
        
        
        
        $revsearch = $conn->prepare($sql);
        $revsearch->execute();
        $output='';
        
        if($revsearch->num_rows>0){
            while ($row = $revsearch->fetch(PDO::FETCH_ASSOC)) {
                $output .= '
                <div class="col-sm-6 col-lg-3 py-2">
    
<div class="card mb-4">
        
        
    
  <img class="card-img-top card-images " src="Images/Reviews/'. echo $row['reviewimage1'];.'" alt="'. echo $row['reviewtitle'];.'" >
  <div class="card-body">
    <h5 class="card-title">'. echo $row['reviewtitle'];.'</h5>
    <p class="card-text">'. echo $row['reviewsynop'];.'</p>
    

    
    <a href="Reviews/review-content.php?id='. echo $row['id'];.'&reviewtitle='. echo $row['reviewtitle'];.'" class="btn btn-primary my-4" >Read More</a>
    <div class="card-footer" style="padding: 1%;">
      <small class="text-muted">Submitted: '.
          $my_date = $row['reviewsub'];
            $date = DATE("d/m/Y",strtotime($my_date));
            echo $date;.'</small>
    </div>
  </div>
  
 
</div> 
</div>
                
                
                
                
                ';
                
                }
                
        
        else{
            $output = "<h3>No Reviews Found!</h3>";
        }

        
        
        
        
        
                
    
    echo $output;
    } 


    
?>

Answer 1

我實際上在服務器錯誤日志中發現了一些東西，我愚蠢地只在 firefox 上使用開發工具，但發現在 reviewaction.php 腳本中我留下了分號並且還錯過了右括號。 還有一些其他問題，我可以解決，只是無法弄清楚為什么它沒有觸發。

引導卡過濾 PHP/AJAX 問題

問題描述

1 個解決方案

解決方案1
0 已采納 2021-01-20 21:50:30

引導卡過濾 PHP/AJAX 問題

問題描述

1 個解決方案

解決方案1 0 已采納 2021-01-20 21:50:30

解決方案1
0 已采納 2021-01-20 21:50:30