Кнопка обзоров не работает в функции jQuery ⇐ Jquery

[Anonymous]

Я разрабатываю веб -сайт для покупок для продуктов питания. У меня отображаются мои продукты на моей странице Order.php на основе вызова Ajax, который займет категорию по умолчанию в моем раскрывающемся списке. Элементы отображаются в картах, каждая из которых с кнопкой обзора, имеющей класс «отзывы». Однако, когда я делаю тест с кнопкой с помощью jQuery, страница просто перезаряжается без действий. Пожалуйста, помогите мне. < /P>
//order.php





All





Price
Low to High
High to Low
<











$(document).ready(function()
{

$("#filterdiv").ready(function(){

let foodType=$("#Category").val();
let price=$("#price").val();

$.ajax({
url:'action.php',
method:'post',
data:{foodType:foodType,price:price},
success:function(response)
{
$("#result").html(response);
}
});
});

});



Now for action.php
if (isset($_POST['foodType']) || isset($_POST['price']))
{
$foodType=$price=$priceSort=$foodSort="";

if (isset($_POST['foodType']))
{
$foodType=$_POST['foodType'];
if ($foodType=='')
{
$foodSort='';
}
else
{
$foodSort="WHERE Food_Type=".$conn->quote($foodType);
}

}

if (isset($_POST['price']))
{
$price=$_POST['price'];

if ($price=="lowtohigh")
{
$priceSort="ORDER BY `Food_Price(Rs)` ASC";
}

else if ($price=='hightolow')
{
$priceSort="ORDER BY `Food_Price(Rs)` DESC";
}
else
{
$priceSort="";
}
}

$foodDisp="SELECT * FROM food ".$foodSort." ".$priceSort;
$conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

$res=$conn->query($foodDisp);

while($row=$res->fetch(PDO::FETCH_ASSOC))
{

?>



[img]
">



Подробнее здесь: https://stackoverflow.com/questions/604 ... y-function