如何通過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'));
};