javascript文件的变色龙模板？

Question

I am developing a simple pyramid application where I am using JQuery to do AJAX requests. 我正在开发一个简单的金字塔应用程序，我正在使用JQuery来执行AJAX请求。 I have until now had my javascript code within my chameleon templates. 我到目前为止在变色龙模板中有我的javascript代码。 Now I want to extract my javascript into another location (eg as static resources). 现在我想将我的javascript提取到另一个位置（例如作为静态资源）。

My problem is that I find my javascript code relies on dynamically generated content like so: 我的问题是我发现我的javascript代码依赖于动态生成的内容，如下所示：

$.post("${request.route_url('my_view')}",{'data': 'some data'}, function(html){
    $("#destination").html(html);
});

The dynamic element being: 动态元素是：

"${request.route_url('my_view')}"

Which is calling the route_url method of the request object within the template. 这是在模板中调用请求对象的route_url方法。

Is there a recognised pattern for separating such javascript files into their own templates and providing routes and views for them or do I simply keep my javascript in my page template? 是否有一种公认的模式将这些javascript文件分离到他们自己的模板中并为他们提供路线和视图，或者我只是将我的javascript保存在我的页面模板中？

Answer 1

Yes; 是; you generally put context-specific information like expanded routes into the templates and access this information from your (static) JavaScript libraries. 您通常会将特定于上下文的信息（如扩展路径）放入模板中，并从（静态）JavaScript库中访问此信息。

Including the context info can be done in various ways, depending on taste: 包括上下文信息可以通过各种方式完成，具体取决于品味：

You could use a data attribute on a tag in your generated HTML: 您可以在生成的HTML中的标记上使用数据属性：
```
 <body data-viewurl="http://www.example.com/route/to/view"> ... </body> 
```
which you then, in your static JS code load with the jQuery .data() function : 然后，在您的静态JS代码中加载jQuery .data()函数：
```
 var viewurl = $('body').data('viewurl'); 
```
Use a made-up LINK tag relationship to include links in the document head: 使用组合的LINK标记关系在文档头中包含链接：
```
 <head> <link rel="ajax-datasource" id="viewurl" href="http://www.example.com/route/to/view" /> ... </head> 
```
which can be retrieved using $('link#viewurl').attr('href') , or $('link[rel=ajax-datasource]').attr('href') . 可以使用$('link#viewurl').attr('href')或$('link[rel=ajax-datasource]').attr('href')检索。 This only really works for URL information. 这仅适用于URL信息。
Generate JS variables straight in your template, to be referenced from your static code: 直接在模板中生成JS变量，以便从静态代码中引用：
```
 <head> ... <script type="text/javascript"> window.contextVariables = { viewurl = "http://www.example.com/route/to/view", ... }; </script> </head> 
```
and these variables are referable directly with contextVariables.viewurl . 这些变量可直接与contextVariables.viewurl 。

javascript文件的变色龙模板？

问题描述

1 个解决方案

解决方案1
9 已采纳 2012-06-22 12:42:46

javascript文件的变色龙模板？

问题描述

1 个解决方案

解决方案1 9 已采纳 2012-06-22 12:42:46

解决方案1
9 已采纳 2012-06-22 12:42:46