分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

thinkPHP 点击加载更多

发布时间:2023-09-06 01:11责任编辑:郭大石关键词:PHP

今天做了下点击加载更多,开始使用JSON返回做,可不知道哪里出问题,代码截图,希望可以指点我下

PHP部分:

HTML:

这样msg是没数据的;。。。。。。。。。

后面换了个办法,没返回json,具体这样

PHP:

public function index_ajax(){$list=M(‘document‘)->where(‘status=1‘)->limit(0,5)->select();$this->assign(‘list‘,$list);$this->display();}public function index_ajax_2(){$id=I(‘id‘);if(empty($id)){$id=0;}$p=$id*5;$list=M(‘document‘)->where(‘status=1‘)->limit($p,5)->select();$this->assign(‘list‘,$list);$this->display();}

html:index_ajax.html部分:

 ?<div class="mainer"> ???????<div class="page_zx"> ???????????<div class="wrap"> ???????????????<div class="page_zx_list"> ???????????????<!--文章列表--> ???????????????????<ul id="ul"> ???????????????????<volist name="list" id=‘vo‘> ???????????????????????<li> ??????????????????????????????????????????????????????????<h3><a>{$vo.title}</a></h3> ???????????????????????????????????????????????????????</li> ???????????????????</volist> ???????????????????</ul> ???????????????</div> ???????????????<div class="page_count"> ???????????????????点击加载更多 ???????????????</div> ???????????</div> ???????</div> ???</div> ???</div> ???<!--js--><script>$(document).ready(function(){var p=0;$(‘.page_count‘).click(function(){p+=1;$.ajax({type:"post",url:"{:U(‘New/index_ajax_2‘)}",data:{‘id‘:p},async:true,success:function(data){var a=$(".page_zx_list ul").html(); ???$(".page_zx_list ul").html(a+data); ???$(‘.page_zx_list ul‘).show();}});});})</script>

index_ajax2.html

 ???????????????????<volist name="list" id=‘vo‘> ???????????????????????<li> ??????????????????????????????????????????????????????????<h3><a>{$vo.title}</a></h3> ???????????????????????????????????????????????????????</li> ???????????????????</volist>

  这样可以实现效果,如图:

那位大神看到,给我些指点,特别是第一个方法。

thinkPHP 点击加载更多

原文地址:http://www.cnblogs.com/xiaotiaotiao/p/7525681.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved