使用JavaScript獲取Django模板指定鍵值數據
Django中利用js來操作數據的常規操作一般為點(.)操作符來獲取字典或列表的數據，一般如{{data.0}}，{{data.arg}}
但有時如果數據是嵌套類型的數據時，直接獲取某個值就變得困難了，比如下面的格式要獲取
correct中qxl的值
startArgsSet={'correct':{'qxl':0,'kkx':0},'reliable':{'qxl':0,'kkx':0},'security':{'qxl':0,'kkx':0},'understand':{'qxl':0,'kkx':0},'entropy':{'qxl':0,'kkx':0},'mature':{'qxl':0,'kkx':0},'active':{'qxl':0,'kkx':0},'service':{'qxl':0,'kkx':0},'file':{'qxl':0,'kkx':0},'tech':{'qxl':0,'kkx':0},'property':{'qxl':0,'kkx':0},'organize':{'qxl':0,'kkx':0},'develop':{'qxl':0,'kkx':0},'source':{'qxl':0,'kkx':0},'update':{'qxl':0,'kkx':0},'fix':{'qxl':0,'kkx':0},'quality':{'qxl':0,'kkx':0},'meanNum':{'qxl':0,'kkx':0},'variance':{'qxl':0,'kkx':0}}
這時候如果改變數據格式為列表中的無嵌套字典格式比較麻煩，可以自定義過濾器來獲取數據，
from django.template.defaulttags import register@register.filterdef getArgQxlValue(dictionary,arg): return dictionary[arg][’qxl’] @register.filterdef getArgKkxValue(dictionary,arg): return dictionary[arg][’kkx’] @register.filterdef getArgName(dictionary,arg): return dictionary[arg][’name’]
在模板中就可以以這樣寫
<!-- the second important page of the project-->{% load staticfiles %}<!DOCTYPE html><html><head> <meta charset='utf-8'> <title>超標信息</title> <script src='http://www.leifengta.com.cn/bcjs/{% static ’js/a-mynewjs.js’ %}'></script></head><body> {{ guestSetArgs|safe }}<br><br><br> {{ warningdata|safe }}<br><br> <script> {% for i in guestSetArgs %} {% for j in warningdata %} if('{{i}}'=='{{j}}') { if(Number({{warningdata|getArgQxlValue:j}})>Number({{guestSetArgs|getArgQxlValue:i}})) var setArgStr='{{warningdata|getArgName:i}} 超出閥值 閥值：{{guestSetArgs|getArgQxlValue:j}} 檢測值：{{warningdata|getArgQxlValue:j}}<br>' document.write(setArgStr); } {% endfor %} {% endfor %} </script></body></html>
形如{{warningdata|getArgQxlValue:j}}，就可以獲取到里面的值了
稍做美化
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持好吧啦網。
相關文章：
1. 圖文詳解vue中proto文件的函數調用2. 詳解Android studio 動態fragment的用法3. Android如何加載Base64編碼格式圖片4. 基于android studio的layout的xml文件的創建方式5. 解決Android studio xml界面無法預覽問題6. Spring Boot和Thymeleaf整合結合JPA實現分頁效果(實例代碼)7. 什么是python的自省8. 使用Android studio查看Kotlin的字節碼教程9. Vue封裝一個TodoList的案例與瀏覽器本地緩存的應用實現10. .Net Core使用Coravel實現任務調度的完整步驟
網公網安備