javascript - django javascript模板条件测试

Question

我希望在代码的 html 部分进行条件测试

html

<p class= "rep3" width="100" id="val1" data1={{ family  }} style= "display:none;">{{ family }}</p>
<p class= "rep4" width="100" id="val2" data2="" style= "display:none;"></p>
{% if data2 == "general" %}
<a href="/one_category/all/">criteria1</a>
{% else  %}
{% if data2 == "ceramic" %}
<a href="/one_category/ceramic/">criteria2</a>
{% else  %}
<a href="/image3/">criteria</a>
{% endif %}
{% endif %}

JavaScript

<script type="text/javascript">

$(document).ready(function() {

 var element = document.getElementById('val1');
laval1 =  element.getAttribute('data1');

var element2 = document.getElementById('val2');
element2.setAttribute('data2', laval1);

 });

</script>

我在脚本中读取了data1我想在 data2 中发送这些数据并在之后进行测试但它不起作用

如何做到这一点？

Answer 1

此代码不起作用，因为:

• JavaScript 代码由客户端在模板标记({% if data2 == "general"%} 等)在服务器中编译后运行。

• 你不能像 data2 那样将数据从 JS 发送到 django。 (虽然您可以使用 AJAX)，但这在本例中不是必需的。

为什么你不可以做这样的事情，而不是依赖 Javascript？

<p class= "rep3" width="100" id="val1" data1={{ family  }} style= "display:none;">{{ family }}</p>
<p class= "rep4" width="100" id="val2" data2="" style= "display:none;"></p>
{% if family == "general" %}
<a href="/one_category/all/">criteria1</a>
{% else  %}
{% if family == "ceramic" %}
<a href="/one_category/ceramic/">criteria2</a>
{% else  %}
<a href="/image3/">criteria</a>
{% endif %}
{% endif %}