Question

将symfony2与twig模板一起使用，我通常使用*html.twig文件中嵌入的js来对页面进行恐慌。

如果我的页面附有外部JS文件怎么办？我怎么能在它们中引入twig代码？

我知道这听起来有些磨损，但在尝试从javascript重定向到已知的symfony路径时并没有那么多。就像这样：

$.post("{{ path('_check_coupon') }}",{code: coupon_code}, function(json) {
    // do whatever...
});

正如您所看到的，我在一个完整的分隔js文件中有一个对已知路径"_check_coupon"的ajax调用。

有任何想法接近这个吗？

提前致谢

Answer 1

您可以在DOM元素的data-path属性中嵌入此类路径，例如：

<div id="widget" data-path="{{ path('_check_coupon') }}"> ... </div>

然后只需获取它：

$.post( $('#widget').data('path') ,{code: coupon_code}, function(json) {
    // do whatever...
});

这是一种普通的方法，但更可维护的是将js和twig混合在一个文件中 - 至少你不会得到语法高亮。

当然，如果您正在处理表单，只需获取表单的action属性。

无论如何，我建议你不要在同一页面上同时使用JS和标记：你将无法缓存脚本，也不能缩小它们，所以考虑将它们分离，除非它只涉及非常少的行。请随意查看my little library about。

Answer 2

我知道答案已经过时但我遇到了同样的问题，并使用verbatim标记找到了以下解决方案。

// {% verbatim %}
(function() {
// {% endverbatim %}
    var val = "{{ myImportVar|raw }}";
// {% verbatim %}

    /**
     * JS Code
     */
     console.log(val);
}());
// {% endverbatim %}

我把它们包装在JS评论中，以使我的编辑提示等工作。

js文件中的twig代码

2 个答案: