php-Ajaxは1つの値のみを返しますが、1つの条件に該当するすべての値を返すために必要です

解決策：

.phpファイル全体をロードするのではなく、コードを少し変更することをお勧めします。JSONアプローチを使用してください

つまり、DBリターンで

 return json_encode($result);
 Copy code

jQueryでは、jQueryが提供する$.each関数を使用できます

 $.getJSON("url_with_json_here", function(data){
    $.each(data, function (index, value) {
        console.log(value);
    });
});
 Copy code

ソース：JQuery解析JSON配列

Doc： http://api.jquery.com/jquery.each/

したがって、$。eachを設定したら、jQueryの .append（）関数を使用できます

Doc： http://api.jquery.com/append/

したがって、最終的にjQueryコードは次のようになります

 $(document).ready(function() {
    $('#min_price').change(function() {

        $("#product_loading .col-md-3").remove();

        $.getJSON("url_with_json_here", function(data){
            $.each(data, function (index, value) {
                $("#product_loading").append(`
                    <div class="col-md-3">
                        `+ value  +`
                    </div>
                    `);
            });
        });     

    });
});
 Copy code

解決策：

変更を確認してください。今すぐ機能するはずです。

 $output='';
$query="select * from persons where price <=".$_POST['price']."";
$result=mysqli_query($conn,$query);

if(mysqli_num_rows($result) > 0){ 
    while ($row = mysqli_fetch_array($result)) {
         $output .='
            <div class="col-3">
           <img src="assets/uploadedImages/'.$row['file'].'" class="img img-fluid" style="height: 300px; width: 200px; background-color: teal">
            <h3>'.$row['name'].'</h3>
           <h4>Price - '.$row['price'].'</h4>
            </div>
         ';
    }
} else {
        $output='No Product Found';
        }
     echo $output;} ?>
 Copy code