django,ADMINLTE做模糊查询再同时刷新查询后结果
时间: 2023-08-04 13:04:57 浏览: 105
模糊查询刷新时显示查询的条件
可以使用 jQuery 和 Ajax 来实现模糊查询和动态刷新查询结果。以下是一个简单的示例:
1. 创建一个 Django 视图来处理模糊查询并返回 JSON 格式的结果:
```python
from django.http import JsonResponse
def search(request):
query = request.GET.get('q', '')
results = MyModel.objects.filter(name__icontains=query)
data = [{'id': obj.id, 'name': obj.name} for obj in results]
return JsonResponse({'data': data})
```
2. 在 HTML 页面中添加一个输入框和一个表格来显示查询结果:
```html
<div class="input-group">
<input type="text" class="form-control" id="search-input">
<div class="input-group-append">
<button class="btn btn-primary" id="search-button">Search</button>
</div>
</div>
<table class="table">
<thead>
<tr>
<th>ID</th>
<th>Name</th>
</tr>
</thead>
<tbody id="search-results">
</tbody>
</table>
```
3. 使用 jQuery 和 Ajax 来处理模糊查询和动态刷新查询结果:
```javascript
$(document).ready(function() {
$('#search-button').click(function() {
var query = $('#search-input').val();
$.get('/search/', {'q': query}, function(data) {
var results = data['data'];
var html = '';
for (var i = 0; i < results.length; i++) {
html += '<tr><td>' + results[i]['id'] + '</td><td>' + results[i]['name'] + '</td></tr>';
}
$('#search-results').html(html);
});
});
});
```
在这个示例中,当用户点击搜索按钮时,jQuery 将发送一个 GET 请求到 /search/ URL,并将查询字符串作为参数传递。Django 视图将处理查询并返回 JSON 格式的结果。jQuery 将解析 JSON 并将查询结果显示在表格中。
注意,这个示例只是一个简单的实现,你需要根据你的具体需求进行修改和优化。
阅读全文