如何在Pug模板的JavaScript中获取Pyramid渲染的数组

问题原因 #

Pyramid默认会对传递到模板的变量做HTML转义处理，避免XSS安全问题，你遇到的'类编码就是转义后的引号实体，无法被JS直接识别。

解决步骤 #

1. 修改视图代码，提前将数组序列化为JSON字符串
   在视图中引入json模块，把需要传递到JS的数组先序列化为标准JSON格式：

import json

@view_config(route_name='myview', renderer='myview.pug')
def myview(self):
    myarray = [1, 2, "abc"]
    return {
        # 序列化为JSON字符串后再传给模板
        'myarray': json.dumps(myarray),
    }

2. 修改pug模板插值语法，关闭转义
   pug中#{}插值默认会做HTML转义，使用!{}插值语法可以直接输出原始内容：

script.
    let myArray = !{myarray};

此时myArray就是可以直接使用的标准JS数组。

注意事项 #

如果数组内包含用户提交的可控内容，直接输出未转义内容存在XSS风险，建议提前对内容做安全过滤后再序列化输出。

内容的提问来源于stack exchange，提问作者Thong Nguyen