1. <script type="text/javascript">
  2. $(function(){
  3. $.ajax({
  4. type: "post",
  5. dataType: "JSON",
  6. url: '',
  7. data:{page:page},
  8. success: function(data) {
  9. console.log(data);
  10. sum = data.sum;
  11. console.log(data.data.length);
  12. var data = data.data;
  13. console.log(data);
  14. var link = data[0].link;
  15. var picture = data[0].picture;
  16. var title = data[0].title;
  17. var description = data[0].description;
  18. $(".banner").find("img").attr("src",picture);
  19. $(".banner_detail").html(description);
  20. $("#top").attr("href",link);
  21. }
  22. });
  23. })
  24. mui.init({
  25. swipeBack: false,
  26. pullRefresh: {
  27. container: '#replay',
  28. up:{
  29. contentrefresh: '正在加载...',
  30. contentnomore:'没有更多数据了',
  31. callback: pullupRefresh1
  32. }
  33. }
  34. });
  35. ticai(1);
  36. var page = 1;
  37. var sum;
  38. function pullupRefresh1() {
  39. page++;
  40. setTimeout(function () {
  41. ticai(page);
  42. mui('#replay').pullRefresh().endPullupToRefresh((sum <= page));
  43. },2000)
  44. }
  45.  
  46. function ticai(page){
  47. $.ajax({
  48. type: "post",
  49. dataType: "JSON",
  50. url: '',
  51. data:{page:page},
  52. success: function(data) {
  53. sum = data.sum;
  54. if (data) {
  55. console.log(data.data.length);
  56. var data = data.data;
  57. console.log(data);
  58. var str = "";
  59. for(var i = 1; i < data.length; i++) {
  60. var link = data[i].link;
  61. var picture = data[i].picture;
  62. var title = data[i].title;
  63. var description = data[i].description;
  64. var str = str+"<a class='content mui-col-xs-12' href='"+link+"'><div class='mui-col-xs-4 mui-pull-left'><img src='"+picture+"'></div><div class='mui-col-xs-8 mui-pull-right'><p class='tit'>【研报】"+title+"</p><div class='con'>"+description+"</div></div></a>";
  65. };
  66. $("#viewww").append(str);
  67. }
  68. mui('#replay').pullRefresh().endPulldownToRefresh();
  69. }
  70. });
  71. }
  72. </script>
  73. <script>
  74. mui('body').on('tap','a',function(){window.top.location.href=this.href;});
  75. </script>

js分页加载数据的更多相关文章

  1. java攻城狮之路(Android篇)--widget_webview_metadata_popupwindow_tabhost_分页加载数据_菜单

    一.widget:桌面小控件1 写一个类extends AppWidgetProvider 2 在清单文件件中注册: <receiver android:name=".ExampleA ...

  2. Android中ListView分页加载数据

    public class MainActivity extends Activity { private ListView listView=null; //listview的数据填充器 privat ...

  3. 【Android进阶】Listview分页加载数据的实现

    Listview分页加载数据的实现 public class MainActivity extends Activity { protected static final int SUCCESS_GE ...

  4. js动态加载数据并合并单元格

    js动态加载数据合并单元格, 代码如下所示,可复制直接运行: <!DOCTYPE HTML> <html lang="en-US"> <head> ...

  5. 关于使用Iscroll.js异步加载数据后不能滑动到最底端的问题解决方案

    关于使用Iscroll.js异步加载数据后不能滑动到最底端,拉到最下边又弹回去的问题困扰了我老半天,相信很多朋友都遇到了.我刚好不小心解决了,和大家分享一下.由于各种忙,下边就直接上代码吧. (前提是 ...

  6. jQuery 滚动条 滚动到底部(下拉到底部) 加载数据(触发事件、处理逻辑)、分页加载数据

    1.针对浏览器整个窗口滚动 主要代码: <script type="text/javascript"> ; function GetProductListPageFun ...

  7. listView 分页加载数据

    Android应用 开发中,采用ListView组件来展示数据是很常用的功能,当一个应用要展现很多的数据时,一般情况下都不会把所有的数据一次就展示出来,而是通过分页 的形式来展示数据,个人觉得这样会有 ...

  8. Android GridView 分页加载数据

    android UI 往右滑动,滑动到最后一页就自动加载数据并显示 如图: package cn.anycall.ju; import java.util.ArrayList; import java ...

  9. Android之分页加载数据

    基本的原理和我的上一篇随笔“Android之下拉刷新ListView”差不多,代码里面有注释,这里就不废话了,直接上代码. 自定义的分页显示ListView——PagedListView.java代码 ...

随机推荐

  1. 介绍HTML5几种存储方式

    总体情况 h5之前,存储主要是用cookies.cookies缺点有在请求头上带着数据,大小是4k之内.主Domain污染. 主要应用:购物车.客户登录 对于IE浏览器有UserData,大小是64k ...

  2. 莫队算法 ( MO's algorithm )

    莫队算法是由清华大学神牛莫涛发明的一种处理区间问题的离线算法 算法核心是通过先将问询区间总长度平方分块.然后将所有的问询区间按照左端点所在的块编号排序.在同一块内的则按右端点升序 然后设置左右两个下标 ...

  3. golang rabbitmq实践 (二 实现简单的消息收发)

    1:驱动 本来打算自己写一个驱动的,后来发现github上面已经有了,那我就直接拿现成的了, 驱动采用 github.com/streadway/amqp ,直接import就可以啦! 2:excha ...

  4. 在Sublime Text 3中配置Python3的开发环境/Build System

    本文来源:https://www.cnblogs.com/zhangqinwei/p/6886600.html Sublime Text作为一款支持多种编程语言的文本编辑神器,深受广大开发者的喜爱.通 ...

  5. express 设置 cookie 以及 httpOnly

    权限控制基本 cookie 在 express 中引入 cookie-parser const express = require('express') const cookieParser = re ...

  6. JMS学习八(ActiveMQ消息持久化)

    ActiveMQ的消息持久化机制有JDBC,AMQ,KahaDB和LevelDB,还有一种内存存储的方式,由于内存不属于持久化范畴,而且如果使用内存队列,可以考虑使用更合适的产品,如ZeroMQ.所以 ...

  7. Spring 4.2.2以上版本和swagger集成方案和踩过的坑

    因为公司使用的spring版本太高,在集成swagger的时候会存在一些问题,而网上的很多实例大多都是版本比较低的,为了是朋友们少才坑,我这边将集成的过程记录一下: 1. 引入spring.swagg ...

  8. 探究代码审查(Code review)

    Code review 是什么 对软件源代码的系统性检查,查找软件源代码质量,结构,漏洞等问题. PS:Code review  ≍ Code inspections ≥ Code walkthrou ...

  9. jieba (中文词频统计) 、collections (字频统计)、WordCloud (词云)

    py库: jieba (中文词频统计) .collections (字频统计).WordCloud (词云) 先来个最简单的: # 查找列表中出现次数最多的值 ls = [1, 2, 3, 4, 5, ...

  10. final finalize finally throw throws try catch

    什么是finalize()方法 finalize()方法什么时候被调用 参见网址 析构函数(finalization)的目的是什么 final 和 finalize 的区别 final以下参见网址 f ...