php+mysql+ajax实现无刷新动态加载数据,怎么实现不了啊?哪位大侠帮调试下,谢谢!

rcznh 2018-01-18 05:29:25
index.php
<?php
require_once("header.php");//连接数据库
?>

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="http://libs.baidu.com/jquery/1.7.0/jquery.min.js"></script>
</head>
<body>

<div id="container">
<?php
$q3="select * from qiangad2 where adyz='0' order by adtime desc,adid Limit 0,8";//$ags[adgsdp3]
$r3=$obj_db->simplequery($q3);
while ($a3=$obj_db->fetchrow($r3,DB_FETCHMODE_ASSOC)){
?>
<div class="single_item">
<div class="element_head">
<div class="date"><?php echo $a3[adjifen];?></div>
<div class="author"><?php echo $a3[adjiage];?></div>
</div>
<div class="content"><b><?php echo $a3[adid];?></b></div>
</div>
<?php } ?>
</div>

<script language='javascript'>
$(function(){
var winH = $(window).height(); //页面可视区域高度
var i = 1; //设置当前页数
$(window).scroll(function () {
var pageH = $(document.body).height();
var scrollT = $(window).scrollTop(); //滚动条top
var aa = (pageH-winH-scrollT)/winH;
if(aa<0.02){
$.getJSON("result.php",{page:i},function(json){
if(json){
var str = "";
$.each(json,function(index,array){
var str = "<div class=\"single_item\"><div class=\"element_head\">";
var str += "<div class=\"date\">"+array['date']+"</div>";
var str += "<div class=\"author\">"+array['author']+"</div>";
var str += "</div><div class=\"content\">"+array['content']+"</div></div>";
$("#container").append(str);
});
i++;
}else{
$(".nodata").show().html("别滚动了,已经到底了。。。");
return false;
}
});
}
});
});
</script>

<div class="nodata"></div>



result.php
<?php
require_once("header.php");

$page = intval($_GET['page']); //获取请求的页数
$start = $page*8;

$q3="select * from qiangad2 where adyz='0' order by adtime desc,adid Limit $start,8";//$ags[adgsdp3]
$r3=$obj_db->simplequery($q3);
while ($a3=$obj_db->fetchrow($r3,DB_FETCHMODE_ASSOC)){
$arr[] = array(
'content'=>$a3[adjifen],
'author'=>$a3[adjiage],
'date'=>$a3[adid]
);
}
echo json_encode($arr);//转换为json数据输出
?>



或者谁有现成的 php+mysql 下拉加载源码的,请无私分享一份给我,谢谢!我的邮箱:qlkj123456@qq.com
...全文
699 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
xuzuning 2018-01-19
  • 打赏
  • 举报
回复
检查是否有 BOM 头
rcznh 2018-01-19
  • 打赏
  • 举报
回复
引用 2 楼 xuzuning 的回复:
我怀疑毛病出在 header.php
<script language='javascript'>
 $(function(){  
  var winH = $(window).height(); //页面可视区域高度  
  var i = 1; //设置当前页数  
  $(window).scroll(function () {  
    var pageH = $(document.body).height();  
    var scrollT = $(window).scrollTop(); //滚动条top  
    var aa = (pageH-winH-scrollT)/winH;  
    if(aa<0.02){  
      $.getJSON("result.php",{page:i},function(json){  
        if(json){  
          var str = "";  
          $.each(json,function(index,array){  
            var str = "<div class=\"single_item\"><div class=\"element_head\">";  
            var str += "<div class=\"date\">"+array['date']+"</div>";  
            var str += "<div class=\"author\">"+array['author']+"</div>";  
            var str += "</div><div class=\"content\">"+array['content']+"</div></div>";  
            $("#container").append(str);  
          });  
          i++;  
        }else{  
          $(".nodata").show().html("别滚动了,已经到底了。。。");  
          return false;  
        }  
      });  
    }  
  });  
});
 </script>
抛开header.php 直接用这个 ,拉到最下面,也不触发啊
rcznh 2018-01-19
  • 打赏
  • 举报
回复
引用 2 楼 xuzuning 的回复:
我怀疑毛病出在 header.php
header.php只是读取数据,和这个没关系
xuzuning 2018-01-18
  • 打赏
  • 举报
回复
我怀疑毛病出在 header.php
qq_34139573 2018-01-18
  • 打赏
  • 举报
回复
链接: https://pan.baidu.com/s/1mjx31bE 密码: r4pw

20,360

社区成员

发帖
与我相关
我的任务
社区描述
“超文本预处理器”,是在服务器端执行的脚本语言,尤其适用于Web开发并可嵌入HTML中。PHP语法利用了C、Java和Perl,该语言的主要目标是允许web开发人员快速编写动态网页。
phpphpstorm 技术论坛(原bbs)
社区管理员
  • 开源资源社区
  • phpstory
  • xuzuning
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧