python django js问题

Question

python django中 页码是根据数据条数 除以7 得来的总页数,
前端使用了 for 循环出页码后， 怎么通过js 取得鼠标点击的那个值

因为是遍历出来的页码，所以 js 每次取值 会取到所有的页码数值， 因为我想，拿到这个值，通过js向后端发送值, 然后达到局部刷新的目的

Answer 1

假设页码列表是这样生成的：

<ul>
  {% for page_num in page_range %}
    <li><a href="#" class="page-link" data-page="{{ page_num }}">{{ page_num }}</a></li>
  {% endfor %}
</ul>

可以使用 JavaScript 监听每个页码元素的点击事件，当用户点击某个页码时，获取该页码的值，并将其发送到后端进行处理

// 获取所有页码元素
const pageLinks = document.querySelectorAll('.page-link');

// 监听每个页码元素的点击事件
pageLinks.forEach(pageLink => {
  pageLink.addEventListener('click', event => {
    event.preventDefault(); // 阻止默认行为

    // 获取被点击的页码元素的值
    const page = event.target.getAttribute('data-page');

    // 发送页码到后端进行处理
    // ...
  });
});

用 document.querySelectorAll 方法获取所有页码元素，然后使用 forEach 方法遍历每个元素并绑定点击事件。在点击事件处理函数中，我们首先使用 event.preventDefault 方法阻止默认行为，然后使用 event.target 获取被点击的页码元素，并使用 getAttribute 方法获取该元素的 data-page 属性值作为当前页码。最后，您可以将该页码发送到后端进行处理，实现局部刷新的目的。