<script src="../../static/jquery-3.3.1.min.js"></script> <script> $(function(){ $.get('http://127.0.0.1:8000/api/identity/', function(res) { var rows = [] $.each(res, function(i, item){ $('#content').append( '<div class="user_image">' +item.name+'</div>' ) }) }) }) </script>
时间: 2024-03-30 14:34:29 浏览: 88
这段代码中,首先加载了 jQuery 库,然后使用 `$(function(){})` 来确保页面加载完成后执行 JavaScript 代码。接着使用 `$.get()` 方法向指定的 URL 发送 GET 请求,获取返回的 JSON 数据。在请求成功后,使用 `$.each()` 方法遍历 JSON 数据,并将其添加到页面中指定的元素 `#content` 中。
需要注意的是,这段代码中使用的 URL 是 `http://127.0.0.1:8000/api/identity/`,这个 URL 可能只在本地开发环境中可用。如果你要在其他环境中使用,需要将其修改为正确的 URL。
另外,这段代码中的 `'<div class="user_image">' +item.name+'</div>'` 是一个简单的 HTML 字符串,它将 JSON 数据中的 `name` 属性作为文本内容添加到了一个带有 `user_image` 类的 `<div>` 元素中,你可以根据需求修改这个 HTML 字符串。
相关问题
django,ADMINLTE做出jquery模糊查询效果,再刷新全屏
要实现这个功能,你可以按照以下步骤进行操作:
1. 安装 django-adminlte2 插件,在 Django 项目中引入 AdminLTE2 主题。
2. 在 HTML 中引入 jQuery 库和 AdminLTE2 的相关脚本和样式文件。
3. 编写 HTML 页面,添加一个输入框和一个按钮,用于触发查询操作。
4. 使用 jQuery 实现模糊查询功能,当用户在输入框中输入关键字时,使用 AJAX 发送请求到后端,并将查询结果显示在页面上。
5. 添加一个刷新按钮,当用户点击该按钮时,刷新整个页面。
以下是基本的代码示例:
```html
<!-- 引入 jQuery 库和 AdminLTE2 的相关脚本和样式文件 -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<link rel="stylesheet" href="{% static 'adminlte/css/adminlte.min.css' %}">
<script src="{% static 'adminlte/js/adminlte.min.js' %}"></script>
<!-- 编写 HTML 页面 -->
<input type="text" id="search" placeholder="请输入关键字">
<button id="btn-search">查询</button>
<button id="btn-refresh">刷新</button>
<div id="result"></div>
<!-- 使用 jQuery 实现模糊查询功能 -->
<script>
$(document).ready(function() {
$('#btn-search').click(function() {
var keyword = $('#search').val();
$.ajax({
type: 'GET',
url: '/search/',
data: {'keyword': keyword},
success: function(response) {
$('#result').html(response);
}
});
});
// 添加刷新按钮
$('#btn-refresh').click(function() {
location.reload();
});
});
</script>
```
在 Django 中,你需要编写一个视图函数来处理查询请求,如下所示:
```python
from django.shortcuts import render
def search(request):
keyword = request.GET.get('keyword')
# 处理查询逻辑,返回查询结果
return render(request, 'result.html', {'result': result})
```
这里假设查询结果已经被渲染到了名为 `result.html` 的模板中。当查询成功后,模板会被渲染,并将查询结果返回给前端页面。
阅读全文