thinkphp apicloud 下拉刷新 。。。由于新人里面导入了vue.js
//刷新
apiready = function(){
var count;
var i= 1;
var param = {};
toDoRequest();
param.loadingImgae = 'widget://image/refresh.png'; //定义刷新小箭头的图片
param.bgColor = '#ccc'; //定义下拉刷新区域的背景
param.textColor = '#fff'; //定义下拉刷新提示文字的颜色
param.textDown = '下拉试试...'; //定义下拉刷新文字
param.textUp = '松开试试...'; //定义松开刷新文字
param.showTime = true; //定义是否显示最后一次刷新时间
//刷新
api.setRefreshHeaderInfo(param, function(ret, err){
i=1;
$("#z").css("display","none");
toDoRequest();
});
//加载
api. addEventListener({
name:'scrolltobottom',
data: i,
}, function(ret, err){
i++;
if(i<=count){
//alert(count);
api.ajax({
url:'http://192.168.0.35/jsz/wx.php/daren/drqb',
method: 'get',
data: {
values: {
p: i
}
}
}, function(ret, err){
// alert(JSON.stringify(ret.data));
dr.hydr = dr.hydr.concat(ret.data.hydr);
});
}else{
$("#z").css("display","block");
}
});
//数据获取
function toDoRequest(){
api.ajax({
url:'http://192.168.0.35/jsz/wx.php/daren/drqb',
method: 'get',
data: {
values: {
}
}
}, function(ret, err){
// alert(JSON.stringify(ret.data));
dr.hydr = ret.data.hydr;
count = parseInt(ret.data.count/8)+1;
api.refreshHeaderLoadDone(); //复位下拉刷新 //do your business
});
};//toDoRequest结束
};
/*****************thinkphp***************************/
header("Access-Control-Allow-Origin: * ");//允许跨域传输
//$page = $this->_post('Page','trim','1');
$p = $this->_post('p');
import('ORG.Util.Page');// 导入分页类
// 获取总条数
$count = M("table")
->table("ddh_sqzhuanjia sqzj,ddh_user user")
->where("sqzj.state = 3 and sqzj.id = user.id")
->count();
$return['count'] = $count;
// 每页多少条数据
$limit=8;
// 实例化分页类 传入总记录
$page=new page($count,$limit);
$hydr=M("table")
->table("ddh_sqzhuanjia sqzj,ddh_user user")
->where("sqzj.state = 3 and sqzj.id = user.id")
->limit($page->firstRow.",".$page->listRows)
->select();
$return['hydr'] = $hydr;
foreach($return['hydr'] as $key => $vo){
$return['hydr'][$key]['lvexp'] = $this->lvexp($vo['exp']);
$return['hydr'][$key]['imgs'] = 'http://www.jiashizhan.com/Public/'.substr($vo['img'],11);
}
$this->ajaxReturn($return);
thinkphp apicloud 下拉刷新 。。。由于新人里面导入了vue.js的更多相关文章
- 移动端下拉刷新、加载更多插件dropload.js(基于jQuery/Zepto)
移动端下拉刷新.加载更多插件dropload.js(基于jQuery/Zepto) 原文:http://www.grycheng.com/?p=1869 废话不多说,先让大家看一下案例效果: DEMO ...
- apicloud下拉刷新
//下拉 apiready = function () { var param = {}; toDoRequest(); param.loadingImgae = 'widget://image/re ...
- apiCloud 下拉刷新
api.setRefreshHeaderInfo({ bgColor: '#fff', textColor: '#4d4d4d', },function(ret, err){ //下拉刷新时,刷新的数 ...
- 移动端下拉刷新、加载更多插件dropload.js(基于jQuery/Zepto)[转]
使用方法 引用css和js <link rel="stylesheet" href="../dist/dropload.min.css"> < ...
- 微信小程序的下拉刷新
微信小程序的下拉刷新:在page的js文件中有监听用户下拉刷新的处理函数onPullDownRefresh:function(){} //js文件中自带的处理函数,在onUnload下面,注意不要重复 ...
- 原生js实现简单的下拉刷新功能
前言: 我们在浏览移动端web页面的时候,经常会用到下拉刷新. 现在我们用原生的js实现这个非常简单的下拉刷新功能. (温馨提示:本文比较基础,功能也很简单.写的不好的地方,希望大神提点一二.) 一. ...
- APICloud上啦加载下拉刷新模块
apicloud有自带的上啦加载下拉刷新,当让也可以用第三方或者在模块库里面找一个使用 一.下拉刷新,一下代码写在 apiready = function (){} 里面 apiready = fun ...
- apicloud如何实现优雅的下拉刷新与加载更多
apicloud中提供下拉刷新监听事件api,也提供滚动到底部事件的监听,能够实现下拉刷新和滚动到底部加载更多功能,但是我们真的就满足实现功能了吗?将两个代码拼凑起来运行看看发现了什么?是的,在滚动到 ...
- Android SwipeRefreshLayout 下拉刷新——Hi_博客 Android App 开发笔记
以前写下拉刷新 感觉好费劲,要判断ListView是否滚到顶部,还要加载头布局,还要控制 头布局的状态,等等一大堆.感觉麻烦死了.今天学习了SwipeRefreshLayout 的用法,来分享一下,有 ...
随机推荐
- nginx集群tomcat
一.准备工作 下载nginx,http://nginx.org/,本文采用nginx-1.8.0,下载之后直接解压,免安装 下载tomcat,以配置3台tomcat服务器做负载均衡为例 二.修改tom ...
- 【bzoj3998】 TJOI2015—弦论
http://www.lydsy.com/JudgeOnline/problem.php?id=3998 (题目链接) 题意 给出一个字符串,求它的字典序第K小的子串是什么,分情况讨论不在同一位置的相 ...
- 简述Hibernate三种开发方式
1.由domain object->mapping->db(官方推荐) 2.由db开始,用工具生成mapping和domain object(使用较多) 3.由映射文件开始
- 专注手机端前端界面开发的ui组件和js组合
frozenui一款腾讯开发的简化版Bootstrap,只用于手机端 http://frozenui.github.io/ https://github.com/frozenui/frozenui z ...
- JSP EL表达式忽略方法
JSP EL表达式忽略方法: web.xml中,和jsp中:jsp中的等级要高一些: web.xml: <?xml version="1.0" encoding=" ...
- [html] 学习笔记--Web存储
HTML5 提供了两种在客户端存储数据的新方法之前,这些都是由 cookie 完成的.但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效 ...
- Oracle VS DB2 数据类型
=========================Oracle VS DB2==================================== 本文转自:http://www.bitscn.co ...
- setObject:forKey和setValue:forKey的区别
setObject:forKey: 是NSMutableDictionary类的方法 key参数类型可以是任意类型对象 ...
- 如何一步一步用DDD设计一个电商网站(十四)—— 回顾与总结
本系列所有文章 如何一步一步用DDD设计一个电商网站(一)—— 先理解核心概念 如何一步一步用DDD设计一个电商网站(二)—— 项目架构 如何一步一步用DDD设计一个电商网站(三)—— 初涉核心域 如 ...
- JavaSE学习笔记
1.数据类型 boolean char byte short int long double float double array class interface 总结: 前9种基本类型,后3中引用类 ...