Django Ajax按钮-当我将按钮的JS逻辑移到一个单独的文件时，该按钮找不到我的Django链接

Question

当我想要将其用于以下特定页面的HTML标记中时，我有一个跟随按钮可以很好地工作：

function toggleFollow(){
      $.ajax({
        url: "{% url 'user_follow' view.kwargs.username %}",
        success: function(data) {
          $("#followCount").html(data.follower_count + ' Followers');
          $('#followElement').html(data.button);
          console.log(data);
        },
        error: function(error){
          console.log(error);
        }
      });
  };

但是，当我将此按钮移动到单独的文件时，出现django错误，即“当前路径与所有这些都不匹配”，然后列出了我的所有路径。 如何在button.js文件中调用Django URL？

Answer 1

您不能在button.js文件中使用django模板标签。 您必须将网址从模板传递到javascript函数。

例如，您可以将以下代码添加到模板文件中：

<script>
    window.USER_FOLLOW_URL = "{% url 'user_follow' view.kwargs.username %}";
</script>

然后在button.js中使用此变量：

$.ajax({
    url: window.USER_FOLLOW_URL,
    ....
})