首页 > 其他分享 >ajax无刷新加载更多

ajax无刷新加载更多

时间:2022-08-20 20:57:18浏览次数:126  
标签:function pageNo window ajax 刷新 var 加载

https://bbs.csdn.net/topics/390980134
如题,我对网站的一个列表页进行无刷新加载更多。采用ajax请求页面然后加载到当前页下面!可是无论我怎么改都是只能加载第一页,我是汗颜了,到底错哪里了?高手帮忙看一下啊!!!!

  1.    
  2.   <!--载入更多-->
  3.   <div class="return-top tianstion" title="返回顶部" id="returnTop"></div>
  4.   <em class="wrap line">line</em>
  5.   <span class="bottomMore wrap" onClick="loadMore();">载入更多....</span>
  6.   <input type="hidden" value="2" id="pages">
  7.    
  8.    
  9.   </body>
  10.   </html>
  11.   <script>
  12.   var staus = 0;
  13.   function loadMore(){
  14.   status = 1;
  15.   var tid = '15';
  16.   var TotalResult = '500';
  17.   var pageNo = $('#pages').val();
  18.   $.ajax({
  19.   type: "POST",
  20.   url: "/plus/list.php?&tid="+tid+"&TotalResult="+TotalResult+"&pageNo="+pageNo,
  21.   data: "name=John&location=Boston",
  22.   success: function(msg){
  23.   $('#pages').val(parseInt(pageNo)+1);
  24.   $('#ul').append(msg);
  25.   }
  26.   });
  27.   }
  28.    
  29.   window.onscroll = function(){
  30.   var t = document.documentElement.scrollTop || document.body.scrollTop;
  31.   if( ( $(window).height() + $(window).scrollTop() ) >= ( $("body").height()*0.9 )){
  32.   if(status == 0)
  33.   loadMore();
  34.   }
  35.   }
  36.   </script>
  37.  
   

标签:function,pageNo,window,ajax,刷新,var,加载
From: https://www.cnblogs.com/jmbt/p/16608574.html

相关文章

  • thinkphp+ajax+jquery异步实现加载更多
    1.后台请求的方法(这里主要赋模板,再查出总页数)publicfunction_initialize(){parent::_initialize();$this->model['farm']=D('farm');$this->model[......
  • thinkPHP实现基于ajax的评论回复功能
    https://www.jb51.net/article/142412.htm本文实例讲述了thinkPHP实现基于ajax的评论回复功能。分享给大家供大家参考,具体如下:控制器代码:1234567891......
  • jQuery_ajax调用的几种方法
    一、$.ajax()的基础使用 <buttonid="btn">发送请求</button><scriptsrc="/js/jquery.min.js"></script><script>varparams={name:'wangwu',age:300}$('#bt......
  • AJAX概念和AJAX实现_原生JS方式
    AJAX概念:概念:ASynchronousJavaScriptAndXML异步的JavaScript和XMLAJAX是一种在无需重新加载整个网页的情况下能够更新部分网页的技术。通过在后台于服务器进行少量......
  • AJAX实现JQuery
    AJAX实现JQuery实现方式ajax()语法$.ajax(url,[settings])记着导入jquery<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>1-原生js......
  • AJAX的概念以及原生JS方式
    AJAX的概念概念:ASynchronousJavaScriptAndXML异步的JavaScript和XML1.异步和同步:客户端和服务器端相互通信的基础上客户端必须等待服务器端的响......
  • AJAX概念和AJAX实现原生JS方式
    AJAX概念概念:ASynchronous JavaScript And XML 异步的JavaScript 和 XML1.异步和同步:客户端和服务器端相互通信的基础上同步:客户端必须等待服务器端......
  • vue项目打包成dist文件以后,index.html加载空白?
    打包成dist文件以后,index.html加载空白没有修改config配置文件,直接打包,系统默认的是’/’(根目录),而不是’./’(当前目录),从而导致路径不对,页面加载不出来。针对vue-cli3.......
  • 刷新页面不记住滚动位置
    在浏览器的默认行为中,会默认记住滚动位置,刷新后会回到之前的滚动位置,在一些场景中,会希望每次刷新都回到页面的最顶端。下面介绍下实现的方法。history.scrollRestorationA......
  • 前端学习之------Ajax入门
    传统网站中的问题:网速慢得情况下,页面加载事件长,用户只能等待;表单提交后,如果一项内容不合格,需要重新填写所有表单内容;页面跳转,需要重新加载页面,造成资源浪费,增加用户等......