Python/Mako：通过 Ajax 调用加载到主模板时，脚本标签未从子模板中显示答案

【问题标题】：Python/Mako: Script Tag not showing up from Sub Template when Loaded into Main Template via Ajax CallPython/Mako：通过 Ajax 调用加载到主模板时，脚本标签未从子模板中显示
【发布时间】：2023-04-06 05:43:02
【问题描述】：

我基本上有一个 3 级模板。
我想将子模板中的脚本标签动态加载到主模板中。

模板设置：

包含所有标题/脚本的基本页面
包含新脚本标签并加载小部件的二级模板
包含小部件的第三级模板

我要做的就是在加载第 3 级模板时加载特定的 javascript 文件，因此我的基本模板上没有大量填充的 head 标签，其中包含可能无法使用的 javascript 文件。

基础模板（在 head 标签中）：

<script type="text/javascript" src="/assets/scripts/jquery-1.9.1.js"></script>
${next.javascriptIncludes()}
<script type="text/javascript" src="/assets/scripts/modules/baseModule.js"></script>

第二个模板（脚本标签在哪里）

##conditional to determine if the template should inherit from the base page
##it shouldn't inherit from the base page if it is being inserted into the page using ajax
<%!
def inherit(context):
    if context.get('isPage'):
        return "base_dashboard.mak"
    else:
        return None
%>
<%inherit file="${inherit(context)}"/>

<%def name="javascriptIncludes()">
    <script type="text/javascript" src="/assets/scripts/libs/jquery.maskedinput-1.3.1.min.js"></script>
</%def>

## AJAX load
%if isPage is False:
    blah blah blah shows up
    <script>s</script>
    <h1>H1 shows up</h1>
    <p style="color:red;">P tag shows up in red</p>
    <link rel="stylesheet" href="/assets/css/main.css" type="text/css"><- This shows up
    <div><script type="text/javascript" src="/assets/scripts/libs/jquery.maskedinput-1.3.1.min.js"></script></div>
    Script tag above is missing...
%endif

<div id="dashboard-profile-container">
<%include file="widgets/profile_widget.mak" />
</div>

第三个模板（小部件）

Just HTML

问题：脚本标签未包含在基本模板的标题中

你会如何处理这个问题？

【问题讨论】：

在这种情况下，“下一步”是什么？它确实是一个内置的 python 函数，你应该避免名称冲突。不能用别的名字吗？
你说得对，我没有继承任何东西，所以不需要使用 NEXT... 用新信息更新问题

标签： python ajax include pyramid mako

【解决方案1】：

我的理解是 jQuery 评估 并删除所有 <script> 标记从加载 AJAX 的 HTML 片段中，尽管目前我无法在 jQuery 文档中找到证明： p>

"html"：以纯文本形式返回 HTML；评估包含的脚本标签插入 DOM 时。

但是，这里是in John Resig's own words：

当一个脚本节点被插入到文档中时，它也会被执行（通过 jQuery）。为了避免以后重新执行它（这种情况经常发生，因为它结果）脚本只是从文档中删除。

当然，当您真正想要查看 script 元素的内容（就像你做的那样）。不过我认为在这种情况下权衡比较好。

我能想到的另一种解决方案是使用用于将信息附加到脚本元素的内部 .data() API，通知它不应在以后再次执行。我不是不过，这有多么出乎意料。

所以，至少 jQuery 在 2009 年曾经去除 <script> 标签。

为了验证您可以使用 Firebug 等来确认您的应用程序确实返回了一个包含 <script> 标记的 HTML blob - 如果您确认这一点，那么它与 Mako 金字塔完全无关

【讨论】：

啊！在我们的 loadResource（加载模板）函数中，我使用了这个：'var $content = $($.parseHTML(response.trim()));'必须去掉脚本标签。嗯，我相信我们现在正在研究 Require.js 以获得更好的解决方案。感谢目前的情况，我们无法使用上面的代码来解决我们当前的问题。
对于其他有类似问题的人，这就是我们要使用的：requirejs.org

【解决方案2】：

Next 是继承链中的下一个模板。不存在命名冲突。第二个模板包含，所以 next 为空（继承链中没有第三层）。因此，对象没有属性。

【讨论】：