Django模板变量和Javascript

当我使用Django模板渲染器渲染一个页面时，我可以传入一个包含各种值的字典变量，使用{{myVar}}在页面中操作它们。

是否有一种方法可以在Javascript中访问相同的变量(可能使用DOM，我不知道Django如何使变量可访问)?我希望能够根据传入的变量中包含的值使用AJAX查找详细信息。

当前回答

对于字典，最好先编码成JSON。你可以使用simplejson.dumps()，或者如果你想从App Engine中的数据模型转换，你可以使用GQLEncoder库中的encode()。

其他回答

{{variable}}被直接替换到HTML中。做一个查看源码;它不是一个“变量”或类似的东西。它只是渲染文本。

话虽如此，您可以在JavaScript中加入这种替换。

<script type="text/javascript"> 
   var a = "{{someDjangoVariable}}";
</script>

这为您提供了“动态”javascript。

Django 2.1+有一个很好的简单方法，使用内置的模板标签json_script实现。一个简单的例子是:

在模板中声明你的变量:

然后调用你的<script> Javascript中的变量:

var js_variable = JSON.parse（document.getElementById（'name'）.textContent）;

对于像“User”这样更复杂的变量，使用Django内置的序列化器，你可能会得到类似“User类型的对象不是JSON可序列化的”这样的错误。在这种情况下，您可以使用Django Rest框架来支持更复杂的变量。

我在Django 2.1中使用这种方法，对我来说，这种方法是安全的(参考):

Django身边:

def age(request):
    mydata = {'age':12}
    return render(request, 'test.html', context={"mydata_json": json.dumps(mydata)})

Html:

<script type='text/javascript'>
     const  mydata = {{ mydata_json|safe }};
console.log(mydata)
 </script>

对于字典，最好先编码成JSON。你可以使用simplejson.dumps()，或者如果你想从App Engine中的数据模型转换，你可以使用GQLEncoder库中的encode()。

一个对我有用的解决方案是在模板中使用隐藏的输入字段

<input type="hidden" id="myVar" name="variable" value="{{ variable }}">

然后以这种方式获取javascript的值，

var myVar = document.getElementById("myVar").value;

推荐文章