上拉加载 php,评论:jQuery上拉加载更多

沐枫自然0

2017/12/29 12:40:36

前端的ajax请求后端接口时都要设置参数如：$.ajax({

type: 'POST',

url: 'http://www.xxxxxx.com/index.php',

data: {

user: 'name',

id: 666,

page: page,  //page是一个变量，第请求一次会向上加1

num: 10   //num是每次要请求返回数据的条数(这里是每次10条，这个可以前端定(不建议)，也可以后端定)，一般是以数组、或 JSON格式返回的，就像下面的 data.result.list 这样就可以循环出来了。

},

timeout: 60000,

cache: false,

beforeSend: function() {

//在这里，前端可以做一些加载中。。。。，或 载入中。。。。等等之类的动画。

},

dataType: 'JSON',

contentType: "application/x-www-form-urlencoded;charset=utf-8",

async:false,

success: function(data) {

if("" != data.result.list) {

let dom = ""

for(let i = 0; i 

dom += '

'data.result.list[i].smg'';

}

$("#id").append(dom);

//当每次数据请求完成时,把上面做一些加载中。。。。，或 载入中。。。。等等之类的动画去掉。

} else {

console.log("没有数据啦，到底了，别扯啦！");

}

}

});

}

后端以PHP为例:<?php

$page = intval($_POST['page']);  //每次请求都不一样的如：第一次是1，第二次是2，第三次。。。。。。。。

$num = intval($_POST['num']);    //这个一般不建议从前传过来，因为如果给传个1000000，那数据库就不被挂了，所以一般都是后端自已定义的。

//如果不查询数据库的话，最简单的就像下面这样做下判断，当然也可循环判断。

if($page == 1){

exit(json_encode('11111111111111111111111'))

}elseif($page == 2){

exit(json_encode('22222222222222222222222'))

}elseif($page == 3){

exit(json_encode('33333333333333333333333'))

}elseif($page == 4){

exit(json_encode('.......................'))

}

//如果要查询数据库的话，就把$page 和 $num 当做查询条件写到SQL语句里面去查询，这样可以根据每次前端传过来的参数 返回对应的数据了。

select * from tableName where status = 1 limit ($num *($page-1)), $num

//大概的思路就是这样，后端PHP我也不太懂，正在学习中，说错了别见笑哈，同时欢迎指证！！！

?>