分页模式
发布时间: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);
友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。
其他相似内容:
-
AJAX跨域问题解决方法(4)——调用方解决跨域
调用方解决跨域的方法只有一种,那就是隐藏跨域。 何为隐藏跨域? 隐藏跨域的核心...
-
jsp页面返回xml格式数据 ajax读取不到
初学ajax , 用 jsp 写一个用户登录的验证处理, ajax请求的页面返回的是xml格式的数据
...
-
ajax返回数据之前的loading等待
首先,我们通过ajax请求,向后台传递参数,然后后台经过一系列的运算之后向前台返还数据,我希望在等待数...
-
ajax运行流程困惑
<html>
<head>
<script type="text/javascript">
function showCustomer(str)
{
var xmlhttp;
if (s...
-
关于ajax一些基础的东西。
var xmlhttp = new XMLHttpRequest();
xmlhttp.open("POST", url, true);
...
-
ajax向springmvc传递对象参数
我们在使用前端的ajax技术过程中,有的时候简简单单的向后台的springmvn传递参数,直接使用如下...
-
Firefox AJAX请求readyState = 0,status = 0问题
今天在测试的时候,狂刷页面AJAX请求就会出错,Chrome浏览器没问题,Firefox就报错!
...
-
jquery的success不执行,只执行error,求大虾帮忙看下,感激不尽
本帖最后由 showbo 于 2015-05-28 11:49:05 编辑
...
-
jqury中关于ajax的几个常用的函数
一:
AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
什么是 AJAX ?
AJAX =...
-
Ajax的get请求向服务器请求数据五步骤?
如下:
①创建ajax对象
②建立http请求
③发送http请求
④设置ajax对象状态改变的回调函数
...