javascript - 如何检查 {{message}} == "sometext"以显示特定图像

Question

我一直在研究如何实现 django 代码来检查我的代码的 {{message}} == "sometext"。目前，有一个输入可以在一个页面上输入文本，而该页面彼此显示，但我在让用户的输入匹配要在另一页面上显示的特定图像时遇到问题。

 $(document).ready(function(){ 
    var img = document.createElement("img");
    img.src = "images/150.png";
    var img2 = document.createElement("img2");
    img2.src = "images/005.png";
    var img2 = document.createElement("img2");
    img2.src = "images/005.png";
    var img3 = document.createElement("img3");
    img3.src = "images/008.png";
    if({{message.get()}}== "Mewtwo"){
    var src = document.getElementById("image1");
    src.appendChild(img);


    if({{message.get()}}== "Charmeleon"){
    var src = document.getElementById("image1");
    src.appendChild(img2);

    if({{message.get()}}== "Warturtle"){
    var src = document.getElementById("image1");
    src.appendChild(img3);
    } })

有人可以就如何解决这个问题提供建议吗？

Answer 1

您没有在此处引用消息值，而是生成类似 if(Warturtle=="Warturtle"){ 的文本。

您需要应用引用，但为了理智地这样做，我建议您使用 JSON；该格式是 JavaScript 的子集，并生成有效的 JavaScript 文字。

您需要在您的 View 中执行此操作(使用 json.dumps())，或者您可以使用此 Django snippet并直接在模板中执行(无需在注释方法中调用serializers.serialize):

if({{message.get()|jsonify}} =="Warturtle"){