php ajax mysql 分页查询_小白ajax简单获取php+mysql数据库上拉加载更多分页

本帖最后由 sanyun 于 2015-12-20 19:17 编辑

//加载中的背景图标css

.fresh{

height: 35px;

width: 100%;

background-image: url('../image/loading_more.gif');

background-position: center center;

background-repeat: no-repeat;

background-size:15px 15px;

}

全局变量：var pageSize=10;//初始显示条数api.addEventListener({

name:'scrolltobottom',

extra:{

threshold:0            //设置距离底部多少距离时触发，默认值为0，数字类型

}

},function(ret,err){

//operation

$('.main').append("

");//加载中的图标

pageSize++;//每次上拉加载一条数据 如果每次上拉加载5条数据的话改为[size=18.0180187225342px]pageSize+=5；

findinfo();

//

});

function findinfo(){

var dataId = api.pageParam.dataId;

api.ajax({

url: ''+serveUrl+'/list.php',

method: 'post',

timeout: 30,

dataType: 'json',

returnAll:false,

data:{

values: {dataId: dataId,page:pageSize},

//files: {file: 'fs://a.gif'}

}

},function(ret,err){

if (ret) {

var html='';

for(var i=0;i

//时间格式转换

Date.prototype.pattern=function(fmt) {

var o = {

"M+" : this.getMonth()+1, //月份

"d+" : this.getDate(), //日

"h+" : this.getHours() == 0 ? 12 : this.getHours(), //小时

"H+" : this.getHours(), //小时

"m+" : this.getMinutes(), //分

"s+" : this.getSeconds(), //秒

"q+" : Math.floor((this.getMonth()+3)/3), //季度

"S" : this.getMilliseconds() //毫秒

};

var week = {

"0" : "\u65e5",

"1" : "\u4e00",

"2" : "\u4e8c",

"3" : "\u4e09",

"4" : "\u56db",

"5" : "\u4e94",

"6" : "\u516d"

};

if(/(y+)/.test(fmt)){

fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));

}

if(/(E+)/.test(fmt)){

fmt=fmt.replace(RegExp.$1, ((RegExp.$1.length>1) ? (RegExp.$1.length>2 ? "\u661f\u671f" : "\u5468") : "")+week[this.getDay()+""]);

}

for(var k in o){

if(new RegExp("("+ k +")").test(fmt)){

fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));

}

}

return fmt;

}

function  timetodate(tim,dat){

return  new Date(parseInt(tim)*1000).pattern(dat);   //"yyyy/MM/dd,hh,mm,ss"

}

var timeString = timetodate(ret.create_time,"yyyy-MM-dd");

//

html+='

';

html+=''+timeString+'';

html+=''+ret.quantity+'';

html+='';

html+='';

}

$(".main").html(html);

}else {

api.alert({

msg

'错误码：'+err.code+'；错误信息：'+err.msg+'网络状态码：'+err.statusCode)

});

}

});

}

PHP接口  list.php

/*

* 配置连接数据库信息

*/

$host='localhost';//主机

$user='root';//数据库账号

$password='';//数据库密码

$database='';//数据库名

//打开数据库连接

$db=mysqli_connect($host,$user,$password,$database);

//判断连接是否成功

if($db){

$db->query("set names utf8");

// echo "数据库连接成功";//设置UTF-8编码(JSON的唯一编码)

}else{

// echo 'DATABASE_CONNECTION_DIE';//数据库连接失败

exit;

}

$tid = $_POST['dataId'];

//sql查询语句

$page=$_POST['page'];

$sql="SELECT *  FROM `order` WHERE `team_id`='$tid ' order by create_time desc limit $page ";

$result=$db->query($sql);

while($row=$result->fetch_assoc()){

$xiangmu_info[]=$row;//将取得的所有数据赋值给xiangmu_info数组

}

echo json_encode($xiangmu_info);

?>

下拉刷新重新设置pageSize=10;

api.setRefreshHeaderInfo({

visible : true,

loadingImg: 'widget://image/loading.gif',

bgColor : '#fff',

//textColor : '#4d4d4d',

//textDown : '下拉刷新',

//textUp : '释放立即刷新...',

//showTime : true

}, function(ret, err) {

if (ret) {

if(api.connectionType!='none'){

pageSize=10;

findinfo();

}else if(api.connectionType=="none"){

api.toast({

msg:'网络连接失败,请检查网络连接',

location:'middle'

});

}

setTimeout(function() {

api.refreshHeaderLoadDone();

}, 1500);

}

});