加载更多(点击按钮)
2018-03-26 11:13
92 查看
控制器public function index(){
$tid = I("get.tid"); //产品分类id
if($tid==""){
$tid = M("Proclass")->where(array('pid'=>1,'lang'=>$this->lang))->order("orderby asc")->getField("id");
}
//分类名称
$type_name = M("Proclass")->where(array('id'=>$tid))->getField("proclassname");
$type_id = M("Proclass")->where(array('id'=>$tid))->getField("id");
if($tid==1){
$type_name='所有产品';
}
$this->assign("type_name",$type_name);
$this->assign("type_id",$type_id);
//产品列表
$pro_data = $this->getPro($tid,$this->lang,0,1,1,4);
$this->assign("pro_data",$pro_data);
$this->display();
}
public function prolist_ajax(){
$start = I("get.start");
$tid = I("get.tid");
//查询分类下子分类
if($tid==""){
$tid=2;
}
$proarr = M("Proclass")->select();
$proTypeAllId = Getcate::getChildsId($proarr,$tid);
$proTypeAllId[]=$proTypeId;
//查询条件
$where['cid']=array('in',$proTypeAllId);
$where['isshow']=1;
//总条数
$total_count = M("Product")->where($where)->order("orderby ASC")->count();
//每页条数
$size = 4;
//总页数
$total_pages = ceil($total_count/$size);
if($start<=$total_pages){
$data = M("Product")->where($where)->limit(($start-1)*$size,$size)->order("orderby ASC")->select();
}
//改变日期格式
foreach($data as $k=>$vo){
$data[$k][type_id] = M("Proclass")->where(array('id'=>$vo[cid]))->getField("id");
}
echo json_encode($data);
// $this -> ajaxReturn($data);
}
index.php <div class="w1200 main cr">
<div class="tit"><span class="sp-cn"><{$type_name}></span></div>
<ul class="case">
<volist name="pro_data" id="vo">
<li>
<a href="<{:U('Product/proinfo',array('id'=>$vo[id],'pid'=>$type_id))}>">
<img src="__PUBLIC__/Uploads/Product/<{$vo.prophoto}>" alt="">
<div class="mask"><span class="litit"><{$vo.proname}></span></div>
</a>
</li>
</volist>
</ul>
<div class="cr"></div>
<a href="javascript:;" class="more" onclick="jzgd(<{$Think.get.tid}>)">探索更多</a>
</div>
----------------------------------------
<script type="text/javascript">
var $start=2;
function jzgd(tid){
var start=$start;
var tid=tid;
var pro_str = '';
$.get("<{:U('Product/prolist_ajax')}>",{start:start,tid:tid},function(data){
if(data==null){
alert("已经没有更多数据啦!");
return false;
};
$.each(data,function(k,v){
pro_str += '<li><a href="http://localhost/yonggu2/web/index.php?s=/Product/proinfo/id/'+v.id+'/pid/'+v.type_id+'"><img src="__PUBLIC__/Uploads/Product/'+v.prophoto+'" alt=""><div class="mask"><span class="litit">'+v.proname+'</span></div></a></li>';
})
$(".case").append(pro_str);
$start++;
},'JSON');
}
</script>
相关文章推荐
- Ajax 实现点击按钮加载更多
- 点击按钮 加载更多
- jQuery+PHP实现点击按钮加载更多,不刷新页面加载更多数据!附:可用源码+demo
- jq ajax 点击按钮异步加载更多
- js点击按钮加载更多效果
- jquery制作图片瀑布流点击按钮加载更多内容
- jquery ajax() 404错误,406错误解决方案 遍历json数组 append到指定位置 ajax实现点击加载更多按钮
- ListView 点击 更多按钮 加载更多
- jquery制作图片瀑布流点击按钮加载更多内容
- 默认只显示指定高度,出来按钮 阅读更多,加载全文,点击后显示全文的实现方式
- 点击按钮 “加载更多”效果
- asp.net点击 查看更多 实现无刷新加载的实现代码
- Android ListView下拉刷新点击加载更多 推荐
- 实现点击不同的按钮加载不同的css
- ios 关于 通过加载 xib 生成的view,调用 addsubviews,sub view的按钮 不相应点击事件的 问题
- jquery列表点击加载更多
- WebView 加载本地带有js的页面, 点击应用中的按钮, 显示js中的Alert 信息
- 使用jquery.more.js来实现点击底部更多后, 底部加载出新的数据
- 点击按钮加载iframe再次点击关闭iframe
- android ListView的上部下拉刷新下部点击加载更多具体实现及拓展