Javascript包含Django標簽

Question

<script>

 //Handle the callback on success

 function stateChange(){

    if (xmlHttp.readyState==4 && xmlHttp.status==200) {

    //request is successful. So retrieve the values in the response
    var display_language = xmlHttp.responseText.split(';');
    alert("response: " + display_language);

    var newHtml = '{% for chunk in video.chunks.all %} {% for c in chunk.chunklets.all%} <tr> <td>{{c.start}}</td> <td> {% spaceless %} {%for item in c.contents.all%}{%if item.lang ==  display_language %}{{item.text.strip}}{%endif%}{%endfor%} {% endspaceless %} </td> <td>{{c.finish}}</td> </tr> {%endfor%} {%endfor%}';

    $('#xxx').html(newHtml);
    }
}
</script>

如果使用上面的代碼，則display_language值為null。 但是Alert可以打印display_language的值。 僅display_language不能傳遞到newHtml中。

如果更改為

var newHtml = '{% for chunk in video.chunks.all %} {% for c in chunk.chunklets.all%} <tr> <td>{{c.start}}</td> <td> {% spaceless %} {%for item in c.contents.all%}{%if item.lang ==';

newHtml +=  display_language +'%}{{item.text.strip}}{%endif%}{%endfor%} {% endspaceless %} </td> <td>{{c.finish}}</td> </tr> {%endfor%} {%endfor%}';

錯誤是“”無效的塊標記：“ endif”，預期的“空”或“ endfor”

Answer 1

您正在嘗試將Javascript和Django模板混合使用過多。 請記住，首先運行所有Django，然后運行所有javascript。 因此，因為display_language值是用Javascript創建的，所以您不能在Django模板中使用它。 我建議只將所有數據傳遞到Javascript中，然后在純JavaScript中構造newHtml值。