django ajax后端向前端传递数组数据,并且在html中展示使用传递的数据
时间: 2023-11-22 12:54:12 浏览: 108
在Django中使用Ajax向前端传递数组数据可以采用以下步骤:
1. 在views.py中定义一个返回数组的函数。
```python
from django.http import JsonResponse
def array_data(request):
data = [1, 2, 3, 4, 5]
return JsonResponse({'data': data})
```
2. 在urls.py中将该函数与对应的URL绑定。
```python
from django.urls import path
from . import views
urlpatterns = [
path('array_data/', views.array_data, name='array_data'),
]
```
3. 在前端页面中使用Ajax请求该URL并接收返回的数据。
```javascript
$.ajax({
url: '/array_data/',
type: 'GET',
success: function(response) {
var data = response.data;
// 在页面中展示数据
$('#data').text(data);
}
});
```
4. 在HTML页面中展示传递的数组数据。
```html
<div id="data"></div>
```
这样就可以通过Ajax从后端获取数组数据,并在前端页面中展示使用传递的数据。
阅读全文