如何将Django模板上下文变量传递给JS函数

Question

我正尝试创建一个简单的Web链接切换，以便在应用程序中关注或取消关注问题。我靠近信息My Own Like Button: Django + Ajax -- How?，但我并不是那样。

我的问题是我不能动态地将question.id传递给我的JS函数，因为上面链接中的答案暗示着。即

下面的硬连线JS代码工作。它通过'12'作为与/question/follow-unfollow-inline/相关的视图的有效参数。但是当我尝试用调用此JS代码的模板替换'12'与上下文变量'{{ question.id }}'时，我的函数将字符串'{{ question.id }}'传递回/question/follow-unfollow-inline/而不是它的值。我该如何解决？

$(function() { 
    $("#follow_unfollow_toggle").click(function() { 
     $.ajax({ 
      type: "POST", 
      url: "/question/follow-unfollow-inline/", 
      data: { 'qid': '12' }, 
      success: function (e) { 
       alert('Success!'); 
      } 
     }); 
    }); 
}); 

现在，我对我的看法使用@csrf_exempt，但我知道我应该把它作为数据。

Answer 1

您可以用data-属性定义它在你的锚标记：

模板：

<a id="follow_unfollow_toggle" href="#" data-qid="{{ question.id }}">Like</a> 

js文件：

$(function() { 
    $("#follow_unfollow_toggle").click(function() { 
     $.ajax({ 
      type: "POST", 
      url: "/question/follow-unfollow-inline/", 
      data: { 'qid': $(this).data('qid') }, 
      success: function (e) { 
       alert('Success!'); 
      } 
     }); 
    }); 
});