У меня есть веб-страница с двумя раскрывающимися меню, кнопкой поиска и таблицей, таблица получает информацию при загрузке с помощью jquery. При загрузке таблица захватывает информацию нормально. Но когда я использую раскрывающиеся меню и кнопку поиска для обновления этой таблицы, это не работает, как бы то ни было, информация есть в консоли ответа. Вот мой код
HTML Код
<div id="table"></div>
Jquery для таблицы загрузки
$(document).ready(function(){
$.ajax({
url: 'folder/list.php',
success: function (data) {
$('#table').html(data);
},
error: function(){
alert('Error: Unable to display');
}
});
});
Jquery для поиска
$(document).on('click', '#cont-search', function(event) {
event.preventDefault();
var cate = $('#cat-search').val();
var city = $('#city-search').val(); //Important
$.ajax({
url: 'folder/list.php',
type: 'post',
dataType: 'json',
data: {
cate:cate,
city:city,
},
success: function (data) {
$('#table').html(data);
},
error: function(){
alert('Error: Unable to display Search');
}
});});
PHP КОД
require_once('abc/Item.php');
$cat = $_POST['cate'];
$city = $_POST['city'];
$ser_cont = $item->search_cont($cat,$city);?><div class="table-responsive">
<table id="myTable-item" class="table table-bordered table-hover table-striped">
<thead>
<tr>
<th>S.No.</th>
<th>Category</th>
<th>R No.</th>
<th>Name</th>
<th>City</th>
</tr>
</thead>
<tbody>
<?php
$sno = 1;
foreach($ser_cont as $c): ?>
<tr align="center">
<td><?= $sno++; ?></td>
<td><?= $c['cate']; ?></td>
<td><?= $c['registno']; ?></td>
<td align="left"><?= $c['name']; ?></td>
<td><?= $c['dist']; ?></td>
</tr>
<?php endforeach; ?>
</tbody>
</table>