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>

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

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

时间: 2024-08-07 10:01:33

thinkPHP 点击加载更多的相关文章

Android ListView 下拉刷新 点击加载更多

最近项目中用到了ListView的下拉刷新的功能,总结了一下前辈们的代码,单独抽取出来写了一个demo作为示例. 效果图 下拉刷新: 加载更多: CustomListView.java [java] view plaincopy package com.example.uitest.view; import java.util.Date; import com.example.uitest.R; import android.content.Context; import android.uti

android ListView的上部下拉刷新下部点击加载更多具体实现及拓展

转自:http://blog.csdn.net/jj120522/article/details/8229423 这次就不上图了,例子太多太多了,想必大家都见过.这个功能的实现,简直是开发者必备的. 我也不过多介绍了,网上详细介绍的博客太多太多了,若想深入了解,请参考网上其他博文. 在这里,我只是按照自己的理解,模拟实现了一个,顺便代码贡献出来. 我对之详细标明的注释,想必如果不懂的同学们,看注释也应该明白,前提是,你要耐心看,因为代码有点多,但是我整理过了,还算清晰. 详细代码: [java]

tableView中的“点击加载更多”点击不到

假设当前的tableView是_tableView,则可以这样设置 _tableView.contentInset = UIEdgeInsetsMake(0, 0, 100, 0); 该属性用于设置当前tableView的偏移量,四个数值分别是:上 左 下 右 使用该设置之后,即可以点击到“点击加载更多”按钮了

vue点击加载更多——轻松实现vue底部点击加载更多

前言 这里接口直接请求了所有的数据,所以用的就不是分布请求的方法,而是逐步展现的方法 步骤 使用slice来进行限制展现从0,a的数据 <div v-for="user in draw_user.slice(0,a)" :key="user.uid" class="user-item"> //判断a的值是否小于数组的长度,小于就显示点击加载更多 <div class="load-more mr-bottom"

jQuery+php+Ajax文章列表点击加载更多功能

jQuery+php+Ajax实现的一个简单实用的文章列表点击加载更多功能,点击加载更多按钮,文章列表加载更多数据,加载中有loading动画效果. js部分: 1 <script type="text/javascript" src="jquery.more.js"></script> 2 <script type="text/javascript"> 3 $(function() { 4 $('#more'

js点击加载更多可以增加几条数据的显示

<div class="list"> <div class="one"> <div class="img"> <img src="../img/b6c.png"/> </div> <div class="infor"> <p class="detail">2018年8月陕西延长石油延安能源化工有限责任公司

vux loadmore + axios 实现点击加载更多

在微信项目中有应用过几个上拉加载更多的组件,但总会出现一些兼容性方面的bug,需要各种补漏(注:组件都是基于iscroll实现的, iscroll原本就有些坑).Vux也有提供Scroller组件实现上拉加载或下拉刷新,但官方已经不再维护该组件(未实际使用过,不知是否有坑).所以这次我们采用更为简单的方式来实现加载更多数据效果,废话不多说,直接看效果图. 实际效果图 实现思路 组件模板 <template> <div> <div v-for="(item,idx)

iOS开发UI篇—在UItableview中实现加载更多功能

一.实现效果 点击加载更多按钮,出现一个加载图示,三秒钟后添加两条新的数据.                      二.实现代码和说明 当在页面(视图部分)点击加载更多按钮的时候,主页面(主控制器)会加载两条数据进来. 视图部分的按钮被点击的时候,要让主控制器加载数据,刷新表格,2B青年会在视图中增加一个主控制器的属性,通过这个属性去调用进行加载,但在开发中通常通过代理模式来完成这个操作. 下面分别是两种实现的代码. 1.项目结构和说明 说明:加载更多永远都放在这个tableview的最下端

android:ScrollView滑动到底部显示加载更多

这是效果 主要是onTouchListener监听事件,监视什么时候滑到底部 同时要理解getMeasuredHeight和getHeight的区别 getMeasuredHeight:全部的长度 包括隐藏的 getHeight:在布局中展示出来的长度 布局文件: <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_paren