首页 > 其他分享 >Django - json_script 模板语言,将queryset转换为前端json数据

Django - json_script 模板语言,将queryset转换为前端json数据

时间:2023-04-30 21:35:18浏览次数:43  
标签:script py queryset json user data

 

models.py

class User(models.Model):
    name = models.CharField(verbose_name="Name", max_length=64)

 

serializer.py

class UserSerializer(serializers.ModelSerializer):
    class Meta:
        model = User
        fields = ["name", ]

 

views.py

def get(self, request, *args, **kwargs):
    user_queryset = User.objects.all()
    user_data = UserSerializer(user_queryset, many=True).data
    return render(request, 'index.html', locals())

 

index.html

<body>

{{ user_data|json_script:'user_data' }}

<script type="text/javascript">

// 通过 js 获取 "user_data" 的数据, 并转换成 json 格式
user_data = JSON.parse(document.getElementById('user_data').textContent);

</script>

</body>

 

标签:script,py,queryset,json,user,data
From: https://www.cnblogs.com/chaoqi/p/17365801.html

相关文章

  • javaScript基础之 --- 作用域和闭包
    本文是我学习《你所不知道的javaScript上卷》的读书笔记的整理。更多详细内容,请微信搜索“前端爱好者“,戳我查看。作用域和闭包作用域是什么javaScript工作原理中的角色引擎-从头到尾负责整个javascript程序的编译及执行过程编译器-负责语法分析及代码生成......
  • mapbox加载geojson报错error: Style is not done loading
    Mapbox加载GeoJSON地图时,遇到error:Styleisnotdoneloading错误通常是由于地图样式文件没有加载完成引起的。具体来说,可能是因为Mapbox样式文件中包含了某些需要加载的图片或者矢量图层,而这些图片或矢量图层尚未完全加载完成,导致无法渲染地图。为解决此问题,可以尝试以下......
  • Fastjson检测和利用
    漏洞检测:`DNSlog{"@type":"java.net.InetAddress","val":"dnslog.cn"}在49以下才能触发,因为这个gadget在49被禁止了,可用于检测具体版本{"@type":"java.net.Inet4Address","val":"dnslog"}{"@type":"......
  • typeScript声明文件的一个注意点:不能使用导入导出语法
    一、起因使用vue3+ts在写一个demo的时候,用到路由模块的时候,觉得需要自定义一个类型声明,所以写了一个.d.ts声明文件,而这个文件写完的时候,发现vscode老是提示找不到类型声明。 起初,我以为是ts配置文件写错了,没有在include里面写入这个文件,ts察觉不到。但是后来改来改去发现还是......
  • mapbox加载geojson报错error: Style is not done loading
    Mapbox加载GeoJSON地图时,遇到error:Styleisnotdoneloading错误通常是由于地图样式文件没有加载完成引起的。具体来说,可能是因为Mapbox样式文件中包含了某些需要加载的图片或者矢量图层,而这些图片或矢量图层尚未完全加载完成,导致无法渲染地图。为解决此问题,可以尝试以......
  • 【Python】【MySQL】Python将JSON数据以文本形式存放到MySQL的Text类型字段中
    1.起因在做一个自动打卡的玩意。登录会得到那个平台一系列的信息。我又不想专门修改、增加数据库字段来存放,所有打算直接将返回的JSON数据保存到一个MySQL字段中。内容肯定不能直接放,考虑下比如数据注入的问题,对吧,容易出问题,所有我是打算将JSON数据转为base64编码的格式。先写......
  • 关于json文件想要添加注释怎么处理
    json格式本身不支持注释,json的本意就是极简的通用数据传输。加了备注就不是极简了。1.注释用来说明这个key做什么用2.希望添加注释之后,不会影响原本的交互逻辑。比较好的方法是:json文件里面额外增加一个key"key_comment"用来描述这个key的作用。但是如果本来json文件只是一个......
  • ECMAScript6语法总结
    目录Module语法export命令分别导出统一导出默认导出import命令通用方式结构方式,可以选择性导入需要的对象简便方式(仅支持默认导出)Module语法export命令分别导出exportconstx=9;exportconsty=()=>{console.log(`x=${x}`);};统一导出constx=9;consty=......
  • Linux shell script read file line by line All In One
    LinuxshellscriptreadfilelinebylineAllInOneLinuxshell脚本逐行读取文件Ijustwanttoreplacethegrepcommand,andfilterouttherealIPaddress192.168.18.195withnativeshellsyntax.#!/usr/bin/envbashIPs=$(ifconfig|grep-oE'192\.168......
  • 【TypeScript】document.body.style TS 报错 Cannot assign to 'style' because it is
    报错信息解决方法style对象提供了一个cssText属性,支持设置多种CSS样式:document.body.style.cssText=`width:${targetX}px;height:${targetY}px;transform:scale(${scaleRatio})translateX(-50%);left:50%`;还有其他方法也可以,参考下面的文章参考文章七爪源码:使用......