Кнопка Django Ajax - Когда я перемещаю логику JS для кнопки в отдельный файл, кнопка не может найти мою ссылку Django

Question

У меня хорошо работает кнопка «Follow», когда она включена в тег в 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, что «текущий путь не соответствует ни одному из них», а затем в нем перечислены все мои пути.Как мне вызвать мой django url внутри моего файла button.js?

Answer 1

Вы не можете использовать теги шаблонов django в файле button.js.Вы должны передать URL из шаблона в функцию javascript.

Например, вы можете добавить следующий код в файл шаблона:

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

и затем использовать эту переменную в кнопке.js:

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