专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > Ajax

分页模式

发布时间:2010-05-20 14:01:29 文章来源:www.iduyao.cn 采编人员:星星草
分页方式
1微信朋友圈的加载方式是瀑布流吗?
2.我的分页想用微信这种方式显示,下面是我的代码,请帮我看看有什么问题,数据显示到最后一页滚动条就没了,不能返回看前面的数据了
js页面
var index = 1;//页码
window.onscroll = function () {
    if (Math.abs($(document).scrollTop() >= $(document).height()-$(window).height())) {
        alert("ajax获取数据并绑定")
        if(index < 4){
            index = index + 1;
            $("#loading").show();
            setTimeout(getBusinessInfo(index),5000);
            $("#loading").hide();
           }        
      }

function getBusinessInfo(page){
if(page==null || page ==undefined){
page = 1;
}
var url = "getBusinessInfo.php";
$.get(url,{page:page,rand:Math.random()},function(data){
//alert("data  "+data)
$("#businessInfo").html(data);
})
}
php页面
<?php
require("../new_pro/p_admin/global.php");
global $db;
$pagesize=2;
$startindex = $page * $pagesize - 2;
$business = "";
$sql = "SELECT * from oye_business where b_cate2=(SELECT min(id) from oye_t_class) LIMIT $startindex,$pagesize";
$query = $db->query($sql);
$num=mysql_num_rows($query);
echo "$num"."<br>";
$pagenum=@ceil($num/$pagesize);
echo "$pagenum  "."page  ";
while($rs=$db->fetch_array($query)){
          $business .= "<li><div class='ppic'><a href='businessDetail.php?id=".$rs['id']."'><img src='".$rs['b_logo']."' border='0' /></a></div><div class='pfont'><p class='ptitle'>".$rs['b_name']."</p><p class='address'>".$rs['b_address']."</p></div><div class='zdico clearfix'><a href='#' class='tel' onclick='call()'></a><br><a href='#' class='certify'></a></div><hr width=100%></li>";
}
if($business != ""){
echo "$business";
}else{
echo "没有更多的数据可以加载";
}


?>
------解决思路----------------------
function getBusinessInfo(page){
if(page==null 
------解决思路----------------------
 page ==undefined){
page = 1;
}
var url = "getBusinessInfo.php";
$.get(url,{page:page,rand:Math.random()},function(data){
//alert("data  "+data)
$("#businessInfo").append(data);
})
}

html方法会覆盖之前的内容,要append

setTimeout(getBusinessInfo(index),5000);这个没毛意思。。直接就执行getBusinessInfo(index)了。。用setTImeout白用

setTimeout(function(){getBusinessInfo(index)},5000);
友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。

其他相似内容:

热门推荐: