Я реализовал функцию поиска на своей веб-странице. Но проблема не в том, что данные не отображаются на пустой странице. Я проверил, в консоли не было ошибок. Проверено в консоли, так как их не было.
Вот код для этого
<html>
<head>
<script src="assets/js/jquery.js"></script>
<script src="assets/js/bootstrap.js"></script>
<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
</head>
<body>
<div class="container">
<br/>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon">Search</span>
<input type="text" name="search_text" id="search_text" class="form_control"/>
</div>
</div>
<br/>
<div id="result"></div>
</div>
</body>
</html>
<script type="text/javascript">
$(document).ready(function(){
$('#search_text').keyup(function(){
var txt=$(this).val();
if(txt!='')
{
}
else
{
$('#result').html('');
$.ajax({
url:"searchpatient.php",
method:"post",
data:{search:txt},
dataType:"text",
success:function(data)
{
$('#result').html(data);
}
});
}
});
});
</script>
Searchpatient.php
<?php
$connect = mysqli_connect("localhost","root","","learn");
$output = '';
$sql="SELECT * FROM appointment WHERE status='1' AND first_name LIKE '%".$_POST["search"]."%'";
$result=mysqli_query($connect,$sql);
if(mysqli_num_rows($result)>0)
{
$output .='<h2>Patient Record</h2>';
$output .='<div class="table-responsive">
<table class="table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Gender</th>
<th>Department</th>
<th>Phonenumber</th>
<th>Date</th>
<th>Address</th>
</tr>
</thead>';
while ($row=mysqli_fetch_array($result))
$output .='<tr>
<td>' . $row['first_name'].' </td>
<td>' . $row['gender'].'</td>
<td>' . $row['department'].'</td>
<td>' . echo $row['phone_no'].'</td>
<td>' . echo $row['date'].'</td>
<td>' . echo $row['address'].'</td>
</tr>';
}
echo $output;
else{
echo 'Data Not Found';
}
?>
Я прошел одно из учебных пособий на YouTube и следовал этому, но их код работал нормально, но длямне его проблемы с получением. Надеюсь, кто-нибудь получить решение для этого. Спасибо заранее