无法在表格中显示 Ajax 数据

Question

我有一个带有两个下拉菜单、搜索按钮和一个表格的网页，该表格正在使用 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>

Answer 1

你可以试试把action方法改成onchange

$(document).on('change', '#cont-search', function(event) {
// your event
}

Answer 2

我解决了这个问题，因为它不是一个 json 返回，所以我只是删除了

dataType: 'json',

根据我的代码，它成功了，感谢 cmets 的每一个人