نمایش ندادن خروجی data در ajax
سلام دوستان عزیز
من قطعه کد زیر رو برای نمایش محتوای بازگشتی از ایج نوشتم:
$("#search").on('keyup', function(){
var value = $(this).val();
$.ajax(
'feed.php',
{
type: 'POST',
dataType: 'json',
data: {
keyword: value
},
success: function(data){
$("#pre").html(data);
}
}
);
});
کد صفحه feed.php
<?php
require_once('main.php');
$db = Db::getInstance();
$keyword = $_POST['keyword'];
$records = $db->query("SELECT * FROM dic_word WHERE word LIKE '%$keyword%'");
$out['html']= '';
foreach($records as $record){
$out['html'] .= $record['word'] . '<br>';
}
echo json_encode($out);
?>
ولی در خروجی من چیزی نمایش داده نمیشه
در بخش network
در بخش کنسول
از خط ajax اخطار میگیره یعنی دقیقا شروع ایجکس
$.ajax
لطفا اگه ممکنه راهنمایی کنید
خیلی زیاد سرچ زدم و متدهای مختلف رو تست کردم اما هیچکدوم جواب ندادن حتی از نسخه های مختلف جی کوئری هم استفاده کردم بازم بی فایده بود
درود،
کد های فایل index
<? require_once('main.php'); ?>
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/style.css">
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
<title>Ajax Test</title>
</head>
<body>
<div id="header-wrapper">
</div>
<div id="content" class="ltr">
<ul class="cols">
<li class="w50"><input class="" id="search" title="Search" placeholder="Typeing..." style="width: 400px;" value="" autocomplete="off"></li>
<li class="w50">
<div id="preview"></div>
</li>
</ul>
</div>
</body>
</html>
<script>
$(function () {
$("#search").on('keyup', function(){
var value = $(this).val();
$.ajax(
'feed.php',
{
type: 'POST',
dataType: 'json',
data: {
keyword: value
},
success: function(data) {
$("#preview").html(data);
}
});
});
});
</script>
کدهای فایل feed.php
<?php
require_once('main.php');
$db = Db::getInstance();
$keyword = $_POST['keyword'];
$records = $db->query("SELECT * FROM dic_word WHERE word LIKE '%$keyword%'");
$out['html']= '';
foreach($records as $record){
$out['html'] .= $record['word'] . '<br>';
}
echo json_encode($out);
?>
پاسخگویی و مشاهده پاسخ های این سوال تنها برای اعضای ویژه سایت امکان پذیر است .
چنانچه تمایل دارید به همه بخش ها دسترسی داشته باشید میتوانید از این بخش لایسنس این آموزش را خریداری نمایید .