PHP+Ajax点击加载更多内容－效果好，速度快，带图片加载和跳转链接加载最后一页更多变成文字变没记录

最新推荐文章于 2021-08-06 09:34:21 发布

置顶紫色泪光

最新推荐文章于 2021-08-06 09:34:21 发布

阅读量1k

点赞数

分类专栏： php js 文章标签：点击加载更多 php点击加载更多带图片和链接

本文链接：https://blog.csdn.net/zxfzxfzxf12345/article/details/75257539

版权

php 同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

1 篇文章 0 订阅

订阅专栏

PHP+Ajax点击加载更多内容－效果好，速度快，带图片加载和跳转链接

修复其他图片加载显示乱码，其他基础改动点击加载数据最后加载更多变成没记录

一、HTML部分

<style type="text/css">            
.get_more{ margin:10px auto 20px; text-align:center; display:block; width:120px; height:40px; line-height:40px; border:1px solid #000000; color:#000000; background:#f1f0ef;transition:all 0.5s}
.more_loader_spinner{width:20px; height:20px; margin:10px auto;background: url(templates/default/images/loader.gif) no-repeat; }
</style>

二、引入jQuery插件和jquery.more.js加载更多插件

四、data.php ，Util.class.php
data.php接收前台页面提交过来的两个参数， POST[′last′]即开始记录数， _POST[‘amount’]即单次显示记录数，看SQL语句就明白，其实就是分页中用到的语句。

引入 Util.class.php//$doUtil 中文乱码json转化类

$cid = empty($cid) ? 0 : intval($cid);
$sayList=array();
if(!empty($keyword))
{
$keyword = htmlspecialchars($keyword);

$sql = "SELECT * FROM `#@__infolist` WHERE (classid=$cid OR parentstr LIKE '%,$cid,%') AND title LIKE '%$keyword%' AND delstate='' AND checkinfo=true ORDER BY orderid DESC limit $last,$amount";
}
else
{
if ($cid ==0 ){
$sql = "SELECT * FROM `#@__infolist` WHERE delstate='' AND checkinfo=true ORDER BY id asc limit $last,$amount";
}
else{
$sql = "SELECT * FROM `#@__infolist` WHERE (classid=$cid OR parentstr LIKE '%,$cid,%') AND delstate='' AND checkinfo=true ORDER BY id asc limit $last,$amount";
}

}
$dosql->Execute($sql);
while($row = $dosql->GetArray())
{
if($row['linkurl']=='' and $cfg_isreurl!='Y')
$gourl = 'newsshow.php?cid='.$row['classid'].'&id='.$row['id'];
else if($cfg_isreurl=='Y')
$gourl = 'newsshow-'.$row['classid'].'-'.$row['id'].'-1.html';
else
$gourl = $row['linkurl'];

//获取缩略图地址
if($row['picurl']!='')
$picurl = $row['picurl'];
else
$picurl = 'templates/default/images/nofoundpic.gif';

$sayList[] = array(
'morecontent'=>'<a href="'.$gourl.'"><div class="img"><sup>'.GetDateMk2($row['posttime']).'</sup><img src="'.$picurl.'"/></div><div class="txt"><h2>'.ReStrLen($row['title'],36).'</h2><h4>'.ReStrLen($row['description'],60).'</h4></div><div class="link">>></div></a>');
}
echo $doUtil->json_encode($sayList);//$doUtil 中文乱码json转化类

Util.class.php

$doUtil = new Util();
class Util
{
static function json_encode($input){
// 从 PHP 5.4.0 起, 增加了这个选项.
if(defined('JSON_UNESCAPED_UNICODE')){
return json_encode($input, JSON_UNESCAPED_UNICODE);
}
if(is_string($input)){
$text = $input;
$text = str_replace('\\', '\\\\', $text);
$text = str_replace(
array("\r", "\n", "\t", "\""),
array('\r', '\n', '\t', '\\"'),
$text);
return '"' . $text . '"';
}else if(is_array($input) || is_object($input)){
$arr = array();
$is_obj = is_object($input) || (array_keys($input) !== range(0, count($input) - 1));
foreach($input as $k=>$v){
if($is_obj){
$arr[] = self::json_encode($k) . ':' . self::json_encode($v);
}else{
$arr[] = self::json_encode($v);
}
}
if($is_obj){
return '{' . join(',', $arr) . '}';
}else{
return '[' . join(',', $arr) . ']';
}
}else{
return $input . '';
}
}
}

五、jquery.more.js相关API
参数描述默认值
amount 每次显示记录数 10
address 请求后台的地址 -
format 数据传输格式 json
template html记录DIV的class属性 .single_item -
trigger 触发加载更多记录的class属性 .get_more -
scroll 是否支持滚动触发加载 false
offset 滚动触发加载时的偏移量 100