Django往前端（Ajax）传列表及字典

最新推荐文章于 2022-10-13 16:41:38 发布
最新推荐文章于 2022-10-13 16:41:38 发布
阅读量1k 收藏 2
点赞数
文章标签： python 前端 json ViewUI
原文链接：http://www.cnblogs.com/mocean/p/6530738.html
版权

Django往前端（Ajax）传列表及字典

有时候我们需要在不刷新的情况下载入一些内容，在网页的基本知识中我们介绍了 ajax 技术。

在本文中讲解如何用 Django 来实现 不刷新网页的情况下加载一些内容。

由于用 jQuery 实现 ajax 比较简单，所以我们用 jQuery库来实现，下面也有例子提供下载。

本节有多个实例提供下载，通过看代码可以更快的学习。

 

一个例子，我们要实现的是在不刷新的情况下显示计算结果到页面上。

修改 index.html 文件

<!DOCTYPE html>
<html>
<body>
<p>请输入两个数字</p>
<form action="/add/" method="get">
    a: <input type="text" id="a" name="a"> <br>
    b: <input type="text" id="b" name="b"> <br>
    <p>result: <span id='result'></span></p>
    <button type="button" id='sum'>提交</button>
</form>
 
<script src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
    $(document).ready(function(){
      $("#sum").click(function(){
        var a = $("#a").val();
        var b = $("#b").val();
 
        $.get("
最低0.47元/天 解锁文章
dengshign16357
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
django处理字典数据
zhaoyangjian724的专栏
05-25 487
$VAR1 = '10.2.99.33:8989'; $VAR2 = [ 'x.2.99.31:8088:3', 'x.2.99.21:8088:1', $VAR3 = 'systag'; $VAR4 = 'AAAA'; ######################## ['COOKIES', 'FILES', 'GET', 'META', 'POST', '__class__', '__delattr__', '__dict__', '__doc__', '__...
Django项目问题Ajax请求无法接收到字典或列表【接收类型为字符串】
hehui1uu的博客
05-12 391
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录问题描述一、问题代码二、错误修改对于HttpResponse的认识常用属性：JsonResponse类JsonResponse 问题描述 在前端发送Ajax请求后，准备接收字典，发现接收的是字符串。【后端设置返回为列表】 提示：以下是本篇文章正文内容，下面案例可供参考 一、问题代码 ===urls.py====== path('polling/', poolong) ===views.py=== def poolong(requ
django模板中获取列表或字典中的数据
热门推荐
zhaobig的博客
10-10 1万+
django模板中获取列表或字典中的数据 首先我们需要将列表或者字典传到html模板中 该操作在app>views.py文件中完成。 在views.py文件中的return render()中携带list列表，或者dict字典 举例： views.py return render(request,'index.html',list) 这样将list列表传递到index.htm
django ajax返回,使用Django从AJAX调用返回字典
weixin_33263633的博客
08-05 430
我正在进行AJAX调用，并希望它返回对象字典。无论我如何尝试返回数据，它都会引发异常。据我所知，这只能是因为响应数据不是JSON格式。使用Django从AJAX调用返回字典任何帮助将非常感激def populateSources(request):if request.is_ajax():try:org = Organization.objects.get(pk=int(request.GET.g...
Django实现将一个字典传到前端显示出来
09-17
主要介绍了Django实现将一个字典传到前端显示出来，具有很好的参考价值，希望
Django 后台带有字典的列表数据与页面js交互实例
09-17
在本文中，我们将探讨Django框架中如何处理带有字典的列表数据，并将其与前端JavaScript进行交互。这个实例特别关注如何在Django视图（views）中构建数据，然后在HTML模板中使用JavaScript来实现动态展示和交互。 ...
Django和前端用ajax传输json等数据.docx
11-22
在本文中，我们将深入探讨如何在Django框架中与前端使用Ajax进行JSON数据的传输。Ajax（Asynchronous JavaScript and XML）是一种在不刷新整个页面的情况下更新部分网页的技术，而JSON（JavaScript Object Notation...
Django Ajax的使用教程
10-19
Django AJAX 教程旨在教你如何在Django框架中利用JavaScript的AJAX技术来实现动态页面更新，无需刷新整个页面。AJAX（异步JavaScript和XML）是一种利用现有Web标准创建用户体验更流畅的方法，它允许前端与服务器进行...
django ajax json的实例代码
09-20
总结起来，这个Django Ajax JSON实例展示了如何在后端使用Django处理数据并返回JSON，以及在前端使用Ajax请求获取并处理这些数据。这样的交互方式提高了用户体验，因为用户可以在不刷新整个页面的情况下加载或提交...
Django使用Ajax异步传输数据（二）将后端字符串、列表、字典格式数据填充到前端
呆萌的代Ma
10-13 1284
使用Ajax交互时，从后端传过来的数据类型： - 字符串 - 列表 - 字典 都需要js中不同的操作进行填充
Django模版语言&请求与响应
她叫常玉莹
02-07 1341
template模版静态文件static目录引用静态文件Django模版语法使用列表的索引字典遍历字典列表中套字典if语句实例请求和响应实例 template模版 编写url和视图文件 #urls.py path('user/',views.user) #views.py def user(request): return render(request,"user_list.html") app目录中创建templates目录，templates中放入html文件 浏览器访问user路径返回写.
Ajax传递字典或数组类型的方法
zyj1129734685的博客
06-14 2560
在进行前端开发事要使用ajax请求向后端接口传递参数，参数类型包括字典类型 一开始在data中直接使用“detail”：{'10':8}传递，结果在接口请求中的detail参数变成detail['10']:8，显然不是想要的结果 后查资料后发现ajax传递数组类型时需要转换成json字符串，使用JSON.stringify(要传递的字典)来进行传递 要注意的是，我一开始要传的字典的key...
Django Ajax返回JSON（字典，列表）
NULL
06-14 1852
Django返回JSON的操作如下： urls.py先注册路由： path('list/', views.ajax_list, name='ajax_list'), path('t/', views.home, name='tt'), path('add/', views.add, name='add'), 视图层views.py中写界面： def ajax_list(request): a = list(range(100)) return JsonRe
Django 后台带有字典的列表数据与页面js交互
茕夜
09-07 4196
1、这里只是简单介绍一下Django的view如何跟js进行交互，首先，进入用户明细的时候会进入一个页面，叫用户信息表，里面包含了用户学习的课程和所得到的分数，每门课程对应一个分数，其中课程用下拉框依次显示，选择课程时动态显示课程的分数，django view部分代码如下： def user_info(request, userid): if request.method == "GE...
Django-Ajax
浩浩哥哥的博客
07-09 715
转载自：https://code.ziqiangxuetang.com/django/django-ajax.htmlDjango Ajax有时候我们需要在不刷新的情况下载入一些内容，在网页的基本知识中我们介绍了 ajax 技术。在本文中讲解如何用 Django 来实现 不刷新网页的情况下加载一些内容。由于用 jQuery 实现 ajax 比较简单，所以我们用 jQuery库来实现，想用原生的 j...
django ajax json实例
MagicHen
07-18 4247
1. views.py 定义views视图函数，将数据存入字典。并用压缩为json格式，dumps，并return。import json def get_comments(request, article_id): article_obj = models.Article.objects.get(id=article_id) article_comments = article
Django基础之ajax
abc_soul的博客
03-18 5641
本篇主要用来记录django+ajax的一些用法以及注意点，Django使用ajax最大的一个用处，就是不用刷新整个页面的前提下，请求服务端内容来更改页面中某些元素的值。如果使用http请求，就必须重新加载一遍页面，而ajax可以只更改一部分内容。 django+ajax基础使用 模版页面 index.html <form> <input type="text" id="tn...
django HttpResponse的用法
weixin_30484739的博客
12-05 704
一、传json字典 def back_json(rquest): #JsonResponse父类是HttpResponse，原码里调用了json.dumps() from django.http import JsonResponse back_msg = {'name':name,'age':123} return JsonResponse(back...
Python Django Ajax 传递列表数据
weixin_34132768的博客
12-26 514
function getTableContent(node) { event.preventDefault(); var tr = node.parentNode.parentNode; var id_val = tr.cells[0].innerText; $.ajax({ ...
Django接收ajax
最新发布
06-01
要在 Django 中接收 Ajax 请求，你需要完成以下步骤： 1. 在前端使用 Ajax 发送请求，比如使用 jQuery 的 `$.ajax()` 函数。 2. 在 Django 的视图函数中处理请求，并返回响应。 下面是一个基本的示例： 前端代码： ```javascript $.ajax({ url: '/ajax/test/', type: 'POST', data: { 'name': 'John', 'age': 30 }, success: function(response) { console.log(response); } }); ``` 这里我们向 `/ajax/test/` 发送了一个 POST 请求，请求的数据包括名字和年龄。 Django 视图函数： ```python from django.http import JsonResponse def test_view(request): if request.method == 'POST' and request.is_ajax(): name = request.POST.get('name') age = request.POST.get('age') # 在这里处理请求 return JsonResponse({'status': 'ok'}) else: return JsonResponse({'status': 'error'}) ``` 这个视图函数接收 POST 请求，并且检查请求是否为 Ajax 请求。如果是 Ajax 请求，它从请求中获取名字和年龄，并在这里处理请求。最后，它返回一个 JSON 响应，告诉前端请求是否成功。 需要注意的是，如果你想返回 JSON 响应，你需要使用 `JsonResponse` 类，它可以将 Python 字典转换为 JSON 格式。你也可以使用 Django 的 `JsonResponseMixin` 类，它可以将任何视图函数的输出转换为 JSON 格式。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值