如何通过URL将参数传递给GAE上的JavaScript代码？

Question

我想将请求URL中的参数传递给GAE环境中的JavaScript代码。

例如，输入了以下URL。

http://example.com:8080/hello?key=abc

hello页面使用hello.py和hello.tmpl呈现，分别如下所示。

'''hello.py'''
key = self.request.get('key')

{# hello.tmpl #} 
<html>
  <div id="key">{{ key }}</div>
  <script src="hello.js"></script>
</html>

为了在hello.js中引用用URL指定的密钥，该函数可以写成如下。

// hello.js
function() {
  console.log($('#key').text());
};

它运行良好，符合我的原始请求，即参数从URL传播到JavaScript代码。

但是，我觉得这不是一个聪明的方式。 我使用div标签作为URL和JavaScript代码之间的缓冲区。 有谁知道更聪明的方法吗？

Answer 1

您可以使用数据扩展而不是添加div：

<body data-key='{{key}}'>
  <...>
</body>

// hello.js
function() {
  console.log($('body').data('key'));
};