سلام من برای نمایش سرچ مشکل دارم . کدم کار میکنه ولی نمیدونم چطور یکاری کنم که نمایش تسک ها مثل زمانی بشه که تابع get_tasks رو داخل متغیر tasks میریزم و در کادر مربوط به خودش نمایش میده و تیک دان شده یا نشده و تاریخ ثبت تسک و ایکن دلیت تسک و اینا رو میخوام ولی نمیدونم چطور بیارم .
کد ایجکس :
<script>
$(document).ready(function() {
var resultTag = $("#ajax-result");
var search = $("#search");
$("#search").on("keyup",function(event) {
event.preventDefault();
$.ajax({
url: "process/ajax_handler.php",
method: "post",
data: {
action : "search_task",
search_key : search.val(),
},
success: function(response) {
resultTag.html(response);
}
});
});
});
</script>
کد مربوط به تابع :
function search_tasks ($search = null) {
global $pdo;
$current_user_id = get_current_user_id();
$search_key = $search;
$sql = "SELECT * FROM `tasks` WHERE `user_id` = :user_id AND `title` LIKE :search_key";
$stmt = $pdo -> prepare($sql);
$stmt -> execute([
':user_id' => $current_user_id,
':search_key' => "%".$search_key."%"
]);
$records = $stmt -> fetchAll(PDO::FETCH_OBJ);
return $records;
//dd($records);
}
سلام.
در سمت بک اند آرایه ای از خروجی بسازید و بصورت json چاپ کنید.
در قسمت جاوااسکریپت از طریق response نتایج بک اند رو دریافت کنید و تمام آنچیزی که میخواهید رو در همون قسمت باید از طریق کد بسازید.(با توجه به result دریافتی از سمت backend)