python把后端的字典数据传递给前端的js

1、后端代码

    fields = {
        "first"         : "on",
        "evaluate"      : "off",
        "name"          : "on",
        "peid"          : "on",
        "operator"      : "off",
        "company"       : "off",
        "posi"          : "off",
        "event"         : "off",
        "method"        : "on",
        "petitiondate"  : "on",
        "receivedate"   : "off",
        "deadlinetip"   : "off",
        "deadline"      : "off",
        "dealdate"      : "off",
    }
	#这里要用json.dumps()把字典数据转换成字符串
	#如果不做转换，python会把字典的双引号转换成单引号，而单引号在前端页面中，js识别会出错。
    return json.dumps(fields)

2、前端 js 代码

<p id="fields" style="display:none;">{{ fields | safe }}</p>
<script>
	$(function(){
		var jsondata = $('#fields').text();
		var fields = JSON.parse(jsondata);
		for(let key in fields){
			if(fields[key] == 'off'){
				// 这里是要实现的业务逻辑
				$('.' + key).toggle();
				$('[data-type="' + key + '"]').prop('checked', true);
			}
		}
	});
</script>