用jQuery和bootstrap实现分页器

最新推荐文章于 2024-06-20 00:10:29 发布

大菜狗Sparrow

最新推荐文章于 2024-06-20 00:10:29 发布

阅读量3k

点赞数 3

分类专栏： python django web 文章标签： python jquery bootstrap

本文链接：https://blog.csdn.net/tianlihua306/article/details/51297550

版权

这篇博客介绍了一位初学者如何使用jQuery和bootstrap自制分页器，通过jQuery的事件绑定与Python爬虫获取的后台数据，结合ajax实现分页功能。文中展示了简单分页器的效果，并提到未来会逐步完善其功能。

摘要由CSDN通过智能技术生成

用jQuery和bootstrap实现分页器

虽然网上有大量的jQuery分页插件，但是考虑到刚开始学习，于是自己手动写了一个分页器，主要用到了jQuery的事件绑定，后台数据使用python从豆瓣上爬下来的，提交数据使用了ajax。

以下就是用jQuery实现的分页功能

$(document).ready(function(){
   
  $("#sub2").click(function(){
   
    $.get("/search/",
    {
      n:$("#n2").val(),
      p:$("#p2").val()
    },
    function(data,status){
   
      alert(data);
    });

  });
  $("#sub1").click(function(){
   
    $.get("/charge/",
    {
      n:$("#n1").val(),
      p:$("#p1").val()
    },
    function(data,status){
   
      alert(data);
    });

  });
    var Stch=false;//防止重复提交
    $("#but1").click(function(){
   
    if (Stch==true)
    {
    alert('请不要重复提交');
  }else{
    Stch=true;
    //用json获取数据
    $.getJSON("/movies/",function