Как с помощью ajax выводить разные значения при нажатии на button, а не одинаковые?
Вот мой запрос:
$item_id;
if(isset($_GET['id']))
$item_id = $_GET['id'];
//mysqli_report(MYSQLI_REPORT_ERROR | MYSQLI_REPORT_STRICT);
$items = mysqli_query($connect, "SELECT tasks.id as
id_tasks,tasks.title_task,tasks.status_img_task,tasks.files_task,tasks.text_task,
tasks.answer,modules.id,modules.level,modules.name_module,modules.num_of_task,modules.completed, modules.not_completed,modules.procent_complete,modules.status from tasks inner join modules on tasks.id_module=modules.id where modules.id=$item_id");
Здесь исполнения, при нажатии на задание[button] выводит в alert только "1", при чем на любую кнопку
<div class="item_center">
<h3>Задания</h3>
<div class="item_center_task">
<?php
while($item=mysqli_fetch_assoc($items))
{
?>
<button class="btn_task" value="<?=$item['id_tasks'];?>">
<div class="task">
<span><?=$item['title_task'];?></span>
<img src="assets/img/icons/files/<?=$item['status_img_task'];?>" alt="">
</div>
</button>
<?php
}
?>
<script>
$(document).ready(function(){
$('.btn_task').on('click', function(){
$.ajax({
// type: "POST",
// url: "vendor/showtask.php",
// data: "btn_task="+$(".btn_task").val(),
success: function(html){
// $(".solve_task").html(html);
alert($(".btn_task").val());
}
});
return false;
});
});
</script>
</div>
<h3>Выполнение задания</h3>
<div class="item_center_solve">
<div class="solve_task">
<h1></h1>
</div>
<div class="for_solve">
<button id="lose">Сдаться</button>
<input id="solve" placeholder="Введите ответ: ">
<button id="done">Готово</button>
</div>
</div>
Внешний вид для верного восприятия
