Python语言技术文档

微信小程序技术文档

php语言技术文档

jsp语言技术文档

asp语言技术文档

C#/.NET语言技术文档

html5/css技术文档

javascript

点击排行

您现在的位置:首页 > 技术文档 > ajax

ajax结合豆瓣搜索结果进行分页完整代码

来源:中文源码网    浏览:234 次    日期:2024-05-15 06:03:22
【下载文档:  ajax结合豆瓣搜索结果进行分页完整代码.txt 】


ajax结合豆瓣搜索结果进行分页完整代码
使用豆瓣api,得到分页结果。相当于从后台数据库获得的结果一样。所不同的是,没法事先知道页数。虽然通过请求api可以获得总页数,但由于ajax是异步的,所以对于分页一开始就要给出总页数来说,这是没有意义的。我使用了一个固定总页数65(正是搜索javascript书籍返回的总页数)。所以其他书籍是并不是65页,会出现多页或者少页的情况,这并不是bug。
特点
  1,全程不需要接触后台,前端独立就可以(我找过好长时间都没找过完整的例子)。
  2,使用了bootstrap的pagination制作页码和panel制作放置结果的面板。   
代码如下
































书名作者出版日期平均分价格


























参考
http://bbs.csdn.net/topics/390734775?page=1 书中的逻辑处理部分使用的是这里的代码,不过做了修改。
效果展示
http://yuwanlin.github.io/general/%E5%88%86%E9%A1%B5/%E7%BB%93%E5%90%88%E8%B1%86%E7%93%A3%E6%90%9C%E7%B4%A2%E7%BB%93%E6%9E%9C%E8%BF%9B%E8%A1%8C%E5%88%86%E9%A1%B5.html

相关内容