首页 > 其他分享 >django传递数据到前端的js使用

django传递数据到前端的js使用

时间:2022-11-14 12:02:17浏览次数:38  
标签:console log list django test json 传递数据 js data

 

djang的view文件中

import json
def eg(request):
    data=[{'name':'通过', 'value':20}, {'name': 'jack', 'value': 14}]  
    return render(request,"html文件",{"data":json.dumps(data), "test": "hello", "list": json.dumps(['jack', 'john'])

 

html的js,注意需要在双括号外加上引号

<script type="text/javascript">
//字符串直接输出 var test = "{{test}}" console.log(test)
//列表最好加上safe输出,要求不对字符进行转义 var list = "{{list|safe}}" console.log(list) console.log(list.length)

//如果想用循环,可以再用JSON.parse转为对象后,再用for循环 var data = '{{ data|safe }}' data = JSON.parse(data) console.log(data) for (x in data){ console.log(data[x]['name']) }

 

标签:console,log,list,django,test,json,传递数据,js,data
From: https://www.cnblogs.com/regit/p/16888554.html

相关文章

  • 3.JS
    1.简介JavaScript因为互联网而生,紧随着浏览器的出现而问世1997年7月,ECMAScript1.0发布。1998年6月,ECMAScript2.0版发布。1999年12月,ECMAScript3.0版发布,成为JavaSc......
  • js正则的一些常用知识点
    前言本文就是记录一下我平常会用到的正则一些知识点,长时间不用就会忘,在这里记录一下方便查找知识点? 匹配0个到1个内容[abc][12]能匹配3*2个内容,分别是a1,a2,b1,b2......
  • 在django项目中再开启一个socket服务
    在django项目中再开启一个socket服务1.任意项目任意地方写一个createSocket.py文件(文件名任意)importsocketfromdjango.confimportsettingssock=socket.socket......
  • Java中常用的JSON库,哪个性能更牛?
    前言每次都在网上看到别人说什么某某库性能是如何如何的好,碾压其他的库。但是百闻不如一见,只有自己亲手测试过的才是最值得相信的,本篇通过JMH来测试一下Java中几种常见的JSO......
  • MessagePack 和System.Text.Json 序列号 反序列化对比
    本博客将测试MessagePack和System.Text.Json序列号反序列化性能项目文件:Program.cs代码:usingBenchmarkDotNet.Running;usingDemo;varsummary=BenchmarkRun......
  • 陪你去看 Lodash.js 起步
    lodash起步(数组)Lodash是一个较为流行的JavaScript的实用工具库。在开发过程中如果能熟练使用一些工具库提供的方法,有利于提高开发效率。笔者从API上入手,不分析其......
  • js中常见的继承
    1.使用原型链继承2.通过构造函数继承通过构造函数,创建的实例,可以访问构造函数的属性和方法,以及可以访问构造函数的原型对象prototype上的数据和方法; 3.......
  • leetcode 70. 爬楼梯 js实现
    假设你正在爬楼梯。需要 n 阶你才能到达楼顶。每次你可以爬 1 或 2 个台阶。你有多少种不同的方法可以爬到楼顶呢? 示例1:输入:n=2输出:2解释:有两种方法可以爬......
  • Servlet+Jsp—查、删
    Servlet+Jsp—查、删从一开始的网络编程(TCP编程对Socket进行监听,到HTTP编程),现在终于可以使用强大的API进行JavaEE编程了,Servlet底层封装了各种网络协议的处理,使我们不再深......
  • 【JS基础】闭包
    概念:闭包是指有权访问另一个函数作用域中的变量的函数。在JS中,只有函数内部的子函数才能读取局部变量,所以闭包可以简单理解成‘定义在一个函数内部的函数’。 ......