蒽! 2023-02-20 16:49 采纳率: 66.7%
浏览 16
已结题

python django js问题

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

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

  • 写回答

2条回答 默认 最新

  • 社区专家-Monster-XH 2023-02-20 17:03
    关注

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

    <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 属性值作为当前页码。最后,您可以将该页码发送到后端进行处理,实现局部刷新的目的。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 2月28日
  • 已采纳回答 2月20日
  • 创建了问题 2月20日

悬赏问题

  • ¥15 工业数据采集技术+存储架构推荐
  • ¥15 GPT-SOVITS如何训练少数民族语言支持合成语音
  • ¥20 树莓派4b使用Camera Module 3时出现the system should be configured for the legacy camera stack问题
  • ¥200 GitHub开源程序配置在VScode调试
  • ¥15 爬虫保存的scv文件0kb
  • ¥20 如何实现基于强化学习的带电作业机械臂的运动规划与控制
  • ¥15 使用wpf制作打砖块游戏时遇到的一个Bug
  • ¥15 qrCodeDetector.detectAndDecode
  • ¥15 海洋可控源和大地电磁一维联合反演
  • ¥15 MFC多文档程序获取视图指针问题