Question

我有表格可以搜索数据库中的任何人。然后我想在DataTable中显示搜索结果。

我正在使用刀片来模板化HTML。

这是我的表格：

<form id="myform" method="GET" action="{{ site_url('person/search') }}">

这是我的HTML

中的DataTable部分

<section class="panel" style="margin-top:20px;">
         @include(config_item('theme').'.person.part.table-person', compact('result'), ['id' => 'persons'])
</section>

这是我的表：

<table id="{{ $id }}" data-toggle="table" data-mobile-responsive="true">
    <thead>
        <tr>
            <th data-field="image" data-align="center">Image</th>
            <th data-field="id" data-visible="false">ID</th>
        </tr>
    </thead>
</table>

最后一个是我的AJAX代码：

$(document).ready(function() {
        $('#myform').submit(function() { 
            $.ajax({
                dataType: json, 
                data: $(this).serialize(),
                type: $(this).attr('method'),
                url: $(this).attr('action'),
                success: function(response) { 
                    $('#persons').html(response); 
                }
            });
            return false;
        });
    });

使用所有代码，我无法显示搜索结果。

我做错了什么？感谢

Answer 1

确保..您无法复制相同的ID名称使用jQ追加显示表格详细信息

$('#channels').append(' <tr>
        <th data-field="image" data-align="center">Image</th>
        <th data-field="id" data-visible="false">ID</th>
    </tr>');

提示：http://api.jquery.com/append/

AJAX＆amp; PHP：在表单提交的GET请求的DataTable上显示搜索结果

1 个答案: