dedecms首页 点击加载更多 怎么实现
使用方法:
创新互联是一家专业提供江西企业网站建设,专注与成都网站制作、成都做网站、H5网站设计、小程序制作等业务。10年已为江西众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。
1、加载是用AJAX,需要先引用jQuery
2、模板在arcajax.php第二十八行请自行按需修改
3、arcajax.php放到plus目录下
HTML和js代码:
div id="loading27"加载中/div
a href="javascript:;" id="getMore" pnum="2" class="index-more bgw mt15"浏览更多案例....../a
script type="text/javascript"
$("#getMore").click(function(){
var _this = $(this),
pnum = _this.attr("pnum"),//分页码
typeid = 1;// 栏目ID
if(pnum == 0){
return false;
}
$("#loading27").show();
$.ajax({
url: '/plus/arcajax.php',
data: {typeid:typeid,pnum:pnum},
success: function(data){
if(data != ''){
$(".index-list").append(data);//数据显示到页面
_this.attr("pnum", Number(pnum)+1);//分页+1
}else{
_this.text("没有更多的数据");
_this.attr("pnum", 0)
}
$("#loading27").hide();
}
})
return false;
})
/script
PHP代码(arcajax.php):
?php
require_once(dirname(__FILE__)."/../include/common.inc.php");
require_once(DEDEINC.'/channelunit.class.php');
require_once(DEDEINC.'/taglib/arcpagelist.lib.php');
$pnum = empty($pnum)? 0 : intval(preg_replace("/[^\d]/",'', $pnum));
$typeid = empty($typeid)? 0 : intval(preg_replace("/[^\d]/",'', $typeid));
if($typeid==0 || $pnum==0) die(" Request Error! ");
if($typeid 0)
{
$titlelen = AttDef($titlelen,30);
$infolen = AttDef($infolen,160);
$imgwidth = AttDef($imgwidth,120);
$imgheight = AttDef($imgheight,120);
$listtype = AttDef($listtype,'all');
$arcid = AttDef($arcid,0);
$channelid = AttDef($channelid,0);
$orderby = AttDef($orderby,'default');
$orderWay = AttDef($order,'desc');
$subday = AttDef($subday,0);
$line = $row;
$artlist = '';
//通过页面及总数解析当前页面数据范围
$strnum = ($pnum-1) * 12;
$limitsql = " LIMIT $strnum,12 ";
$innertext = 'li [field:global name="autoindex" runphp="yes"]if(@me%3==0)@me=\'class="mrnone"\'; else @me="";[/field:global]
diva href="[field:arcurl/]" title="[field:title/]"img src="[field:litpic/]" width="278" height="245"/a/div
h3a href="[field:arcurl/]" title="[field:title/]"[field:title/]/a/h3
p[field:description function="cn_substr(@me,150)"/]/p
span class="more"a href="[field:arcurl/]"浏览案例/a/span
/li';//模板
//处理列表内容项
$query = "SELECT arc.*,tp.typedir,tp.typename,tp.corank,tp.isdefault,tp.defaultname,tp.namerule,tp.namerule2,tp.ispart,
tp.moresite,tp.siteurl,tp.sitepath FROM `#@__archives` arc LEFT JOIN `#@__arctype` tp ON arc.typeid=tp.id
WHERE arc.typeid IN (".GetSonIds($typeid).") ORDER BY arc.sortrank desc $limitsql";
$dsql-SetQuery($query);
$dsql-Execute('al');
$dtp2 = new DedeTagParse();
$dtp2-SetNameSpace('field', '[', ']');
$dtp2-LoadString($innertext);
$GLOBALS['autoindex'] = 0;
$ids = array();
用PHPcms做一个网页,如何利用jquery.more.js实现点击加载更多后在本页面内下面加载数据,
用ajax 就可以了,点击加载更多时候,触发事件,发送ajax请求到php ,php 将数据发送回ajax 回调函数里面,然后用js 追加到你页面的后面就可以了
$.ajax({
type: "post",采用post 参数
url: "/index.php?m=memberc=indexa=public_up", //请求的php 函数
data: {id:$rid,table:$table}, //传递的参数
dataType: 'json', //返回值以json格式返回
success: function(data) { //回调函数,在这里将data里面的数据追加到页面就可以了
}
});
php生成大量数据时,如何实现数据加载提示
用ajax调用php。
查询按钮点击时触发该事件。
$(function(){
$("#querybtn").click(function(){
$.ajax({
type: "post",
url: "你的php处理.php",
data: 如果需要参数在此拼装,
success:function(data){
在此判断一下data
如果data的值回调了,就显示数据,否则就显示数据加载中或者进度条(具体样式可以根据需要设置)。
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert(errorThrown);
}
});
});
});
分享文章:php点击更多加载数据 php点击更多加载数据会怎么样
标题路径:http://scgulin.cn/article/ddsohjj.html