thinkPHP 点击加载更多

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了thinkPHP 点击加载更多相关的知识,希望对你有一定的参考价值。

今天做了下点击加载更多,开始使用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 点击加载更多的主要内容,如果未能解决你的问题,请参考以下文章

使用ThinkPHP5和前端框架layui的信息流加载实现文章的自动加载

各位大侠求助,thinkphp 模板加载不到CSS文件

收藏|分享前端开发常用代码片段

thinkphp5.0配置加载

微信小程序开发--模板(template)使用,数据加载,点击交互

点击加载更多帖子wordpress [关闭]