jquery - 使用 jQuery 加载动态 python URL

Question

我正在尝试使用 jQuery 加载由 Python Django 生成的动态 URL。

$('a').click(function(ev) {
    ev.preventDefault();
    var url = $(this).attr('href');
    $('#loadDiv').load('localhost/home/{{ movie.id }}/add_question/');
});

如果链接不断变化，我如何捕获和加载链接？

Answer 1

如果您以合理的方式创建模板，则在其中找到的每个链接都将具有与该元素的项目匹配的不同链接。假设一个名为 url 的命名 URLmovie_add采用单个参数作为电影 ID，使您的模板如下所示：

<ul>
  {% for movie in movies %}
  <li>{{ movie.name }} <a href="{% url movie_add movie.id %}">add</a></li>
  {% endfor %}
</ul>
<div id="loadDiv"></div>

现在，每个a标签都有一个 url，可让您为该特定电影添加问题。从那里开始，下面的脚本应该做你想做的事：

$('a').click(function(ev) {
  ev.preventDefault();

  $.ajax({
    url: $(this).attr('href'),
    success: function(data) {
      $('#loadDiv').html(data);
    }
  });