42 lines
1.8 KiB
HTML
42 lines
1.8 KiB
HTML
<div class="layui-card" style="margin:15px;">
|
|
<div class="layui-card-header">全局搜索（文章标题）</div>
|
|
<div class="layui-card-body">
|
|
<form class="layui-form" lay-filter="searchForm">
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-inline" style="width:320px;">
|
|
<input type="text" name="q" placeholder="输入文章标题关键词" class="layui-input">
|
|
</div>
|
|
<button class="layui-btn" lay-submit lay-filter="searchBtn"><i class="layui-icon layui-icon-search"></i> 搜索</button>
|
|
</div>
|
|
</form>
|
|
<table class="layui-table" style="margin-top:10px;">
|
|
<thead>
|
|
<tr><th>ID</th><th>标题</th><th>创建时间</th></tr>
|
|
</thead>
|
|
<tbody id="resultBody">
|
|
<tr><td colspan="3" style="text-align:center;color:#999;">请输入关键词搜索</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<script src="/assets/layui/layui.js"></script>
|
|
<script>
|
|
layui.use(['form', 'jquery'], function () {
|
|
var form = layui.form, $ = layui.jquery;
|
|
form.on('submit(searchBtn)', function (data) {
|
|
$.get('/backend/other/search', { q: data.field.q }, function (res) {
|
|
var html = '';
|
|
if (res.code === 0 && res.data && res.data.length) {
|
|
res.data.forEach(function (r) {
|
|
html += '<tr><td>' + (r.id || '') + '</td><td>' + (r.title || '') + '</td><td>' + (r.create_at || '') + '</td></tr>';
|
|
});
|
|
} else {
|
|
html = '<tr><td colspan="3" style="text-align:center;color:#999;">无结果</td></tr>';
|
|
}
|
|
$('#resultBody').html(html);
|
|
});
|
|
return false;
|
|
});
|
|
});
|
|
</script>
|