yak*_*ang 7 javascript python templates tornado
在服务器中,我使用参数渲染模板,如下所示:
self.render('templates/test.html', names="['Jane', 'Tom']")
Run Code Online (Sandbox Code Playgroud)
我顺利地拿到了它在<script>的test.html这个:
var N = "{{ names }}";
Run Code Online (Sandbox Code Playgroud)
现在我想分开js code和html:
<script type="text/javascript" src="static/test.js"></script>
Run Code Online (Sandbox Code Playgroud)
但是当我放入N = "{{ names }}"那个js文件时失败了.
谁能告诉我该怎么做?谢谢 !
您可以创建要从HTML文件调用的setter函数以传递参数:
$ tree
.
??? static
? ??? scripts
? ??? test.js
??? templates
? ??? index.html
??? test.py
Run Code Online (Sandbox Code Playgroud)
龙卷风代码:
#!/usr/bin/python
# -*- coding: utf-8 -*-
import os.path
import tornado.httpserver
import tornado.ioloop
import tornado.options
import tornado.web
from tornado.options import define, options
define("port", default=8000, help="run on the given port", type=int)
class IndexHandler(tornado.web.RequestHandler):
def get(self):
self.render('index.html', test="Hello, world!")
if __name__ == '__main__':
tornado.options.parse_command_line()
app = tornado.web.Application( handlers=[
(r'/', IndexHandler)],
static_path=os.path.join(os.path.dirname(__file__), "static"),
template_path=os.path.join(os.path.dirname(__file__), "templates"))
http_server = tornado.httpserver.HTTPServer(app)
http_server.listen(options.port)
tornado.ioloop.IOLoop.instance().start()
Run Code Online (Sandbox Code Playgroud)
模板:
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<script src="{{ static_url('scripts/test.js') }}" type="application/javascript"></script>
</head>
<body>
<input type="button" onclick="show_test()" value="alert" />
<script type="application/javascript">
set_test("{{test}}");
</script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
JavaScript文件:
/* test.js */
var test = ""
function set_test(val)
{
test=val
}
function show_test()
{
alert(test);
}
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
5577 次 |
| 最近记录: |