JS 绑定数据,实现手机端下拉实现分页 手机下拉分页(MVC)

//在界面设置一个div 将数据动态绑定到这个div里面,在界面加载的时候,调用此方法

$(function(){

  //默认进来显示第一页,一页显示五条数据

  GetList(1,5);

})

function GetList(page,size){

//将动态生成的html代码赋值给tr

  var tr="";

var url=‘‘;

  ajaxHelper(url,‘GET‘).done(function(dt){

//获取后台查询过来的数据

    var data=eval(dt);

    $(data).each(function(index,item){

        //循环给界面赋值

        tr+=‘<div class="tip">姓名:<span>‘ + item.name+ ‘</span></div>‘+

          <div class="tip">性别:<span>‘ + item.sex+ ‘</span></div>‘‘+

          ‘<div class="tip">电话:<span>‘ + item.tel+ ‘</span></div>‘+

          ‘<div class="tip">备注:<span>‘ + item.Remark + ‘</span></div>‘;

})

        //找到界面要赋值的div,将tr的html添加进去

        $(‘#tbody‘).append(tr);

        //调用下拉刷新的方法

        Paging();

})}

var page=1,ssize=0;

function Paging(){
  $(window).scroll(function(){

    if($(document).scrollTop()+$(window).height()>=$(document).height){

      page++;

      //调用查询

      GetList(page,ssize);

}

  })

}

      

时间: 2024-08-01 13:02:20

JS 绑定数据,实现手机端下拉实现分页 手机下拉分页(MVC)的相关文章

[js开源组件开发]-手机端照片预览组件

手机端照片预览组件 可怜的我用着华为3C手机,用别人现成的组件都好卡,为了适应我这种屌丝,于是自己简化写了一版的照片预览效果,暂时无缩放功能,以后可能有空再加吧,你也可以自己加下,这是个github上的开源项目.它的github地址是:https://github.com/tianxiangbing/mobile-photo-preview 下面是预览图,它的完整demo请点击这里手机端照片预览组件demo 使用方法案例: var photoPreview = new MobilePhotoPr

手机端轻应用模拟原生的下拉刷新效果(JavaScript)

方案一:使用iscoll等有下拉功能的框架. 分析:因为项目的结构已经基本完成,再使用框架,会与原来的结构互相影响: 方案二:用JavaScript.Jquery写. 分析:可能没有直接使用框架的效果好,但可以尽量使效果贴近原生. 综合考虑,采用方案二. ///////////////////////////////////////////////////////////////////////////////////////////////// 参考博客:http://www.cnblogs.

Android笔记之adb命令应用实例1(手机端与PC端socket通讯下)

由于本人学习Android也挺长时间了,一直把日记记在evernote里面,由于刚离职比较空闲就打算把evernote里的日志一遍遍整理出来发布到网上分享. 本篇将分别使用C#和java语言,来实现和android端通讯的PC客户端代码. 通过adb和Android通讯需要引用adb相关的组件到项目中,分别为:adb.exe,AdbWinApi.dll,AdbWinUsbApi.dll. 可以在XXX\sdk\platform-tools目录下找到 首先看C#语言的实现: 界面效果如下: nam

js判断浏览器是手机端还电脑端

由于手机和电脑分辨率不同,所以有的时候浏览网页的时候需要区分是手机浏览还是电脑浏览,然后指向指定页面展示,下面就是js区分代码. <script type=”text/javascript”> //平台.设备和操作系统 var system ={ win : false, mac : false, xll : false }; http://dict.baidu.com/s?wd=%E6%B4%9B%E4%B8%BD%E8%AF%97+%E4%BD%A0%E7%9A%84%E9%80%89%E

js 绑定数据 实现分页查询

function GetList1(page, size) { var tr = ""; var Code = $('#Code').val(); var Cname = $('#Cus_name').val(); var State = $('#State').val(); ajaxHelper('/Refunds/Refunds?Page=' + page + '&Size=' + size + '&Cname=' + Cname + '&Ocode=' +

js如何判断是手机端还是PC端访问

function isMobile(){ var sUserAgent= navigator.userAgent.toLowerCase(), bIsIpad= sUserAgent.match(/ipad/i) == "ipad", bIsIphoneOs= sUserAgent.match(/iphone os/i) == "iphone os", bIsMidp= sUserAgent.match(/midp/i) == "midp", b

js 检查是否为手机端

let isMobile = function(){ let userAgentInfo = navigator.userAgent; let Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod") let flag = false; for (let v = 0; v &

手机端与服务器数据库同步方案

服务器端: 1, 创建数据表 2, 操作数据库的日志. 定义三个字段(id,操作时间,操作内容,分发到所属手机端的用户id) Id: js uuid值 操作时间:2014/8/21 11:32:10 操作内容:以json格式存放select,delete,update之类的 分发到所属手机端的用户id:手机端并不是每个手机用户都需要,选择性的更新数据. 手机端: 建空库,直接取服务器端的操作数据库的日志运行操作.然后取服务器端的操作日志,过滤时间进行操作. 手机端与服务器数据库同步方案

TP3.2.x判断手机端访问,同一个域名在PC和手机端展示不同模板(半独立式网站)

首先介绍APP_STATUS内置常量,TP入口文件增加APP_STATUS 参数,  自动加载不同的项目配置文件,通过配置文件指向不同的模块 手机端访问时调用Wap手机模块,实现在手机端访问时展示出手机网站,无需跳转域名首先我们在./Application/Common/Conf/ 目录下建立两个公共配置文件:config.php 和Mobie.php config.php文件中 <?phpreturn array( 'DEFAULT_MODULE'=>'Index', 'DEFAULT_CO