tp5.1 页面拉到尾部自动加载下一页内容

子枫 [Rainy]

发布于 2022-02-28

400 浏览

这里使用了ajax页面部分<pre><code class="Bash">&lt;ul class=&quot;zf_xs_list &quot;&gt;
 &nbsp;&lt;li&gt;111&lt;/li&gt;
&lt;/ul&gt;</code></pre><pre><code class="Bash">&lt;script&gt;
 $(window).scroll(function(){undefined
 　　//判断是否滑动到页面底部
 if($(window).scrollTop() === $(document).height() - $(window).height()){undefined
 // TODO 滑动到底部时可请求下一页的数据并加载，加载可使用append方法
 console.log(&#39;加载下一页&#39;)
 var length = $(&#39;.zf_xs_list li&#39;).length
 console.log(length)
 $.get(&#39;?xs_ajax=1&amp;xs_now_num=&#39;+length,function(res){
 console.log(&#39;res&#39;,res)
 $(&#39;.zf_xs_list&#39;).append(res);
 },&#39;json&#39;);
 }
 });
&lt;/script&gt;</code></pre> 控制器调用<pre><code class="Bash"> $xs_now_num = input(&#39;xs_now_num&#39;,&#39;0&#39;);
 &nbsp; &nbsp; &nbsp; &nbsp;$xs_limit = 10;
 &nbsp; &nbsp; &nbsp; &nbsp;$xs_ajax = input(&#39;xs_ajax&#39;,&#39;&#39;);
 &nbsp; &nbsp; &nbsp; &nbsp;$xs_list = db(&#39;bm&#39;)-&gt;where($xs_where)-&gt;order($xs_order)-&gt;limit($xs_now_num,$xs_limit)-&gt;select();
 &nbsp; &nbsp; &nbsp; &nbsp;$this-&gt;assign(&#39;xs_list&#39;,$xs_list);

if($xs_ajax==1){
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;$tpl =&#39;&#39;;
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;return $this-&gt;fetch($tpl)-&gt;getContent();die;
 &nbsp; &nbsp; &nbsp; &nbsp;}else{
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;return view($tpl);
 &nbsp; &nbsp; &nbsp; &nbsp;}</code></pre>

评论输入框

评论列表

没有任何评论

tp5.1 页面拉到尾部自动加载下一页内容

评论 (56)

分享图片