• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

javascript – 高手大牛给我看看,拉动到最后怎么不加载了

php 搞代码 4年前 (2022-01-25) 19次浏览 已收录 0个评论
文章目录[隐藏]
<code>            <meta charset="utf-8">        <script type="text/javascript" src="jquery-1.7.2.js"></script>        <style type="text/css">        .con{            border-style: solid;            border-color: red;            width: 500px;            height: 350px;        }    </style>    <body>    <div id="add">        <div class="con">            测试内容        </div>        <div class="con">            测试内容        </div>        <div class="con">            测试内容        </div>    </div>        <script>        $(window).scroll(function(){      var scrollTop = $(this).scrollTop(); //获取、判断高度      var scrollHeight = $(document).height();      var windowHeight = $(this).height();      if(scrollTop + windowHeight == scrollHeight){        alert("已经到最底部了!");                    //如果不懂ajax的话可以去熟悉一下                    $.ajax({                                type: "GET", //提交方式 GET 或 POST                                url: "test.php", //提交的php脚本                                data: {                                    username:$("#username").val(),  //提交的数据可以为空                                    content:$("#content").val()                                },                                dataType: "html", //返回的类型 还可以是 json格式                                success: function(data){ //成功后返回的数据                                                                            //这里可以对data进行处理                                    $('#add').append(data); //追加进id为add的class                                }                            });      }    });    </script>----------test.php<?phpecho '测试内容';</code>

回复内容:

<code>            <meta charset="utf-8">        <script type="text/javascript" src="jquery-1.7.2.js"></script>        <style type="text/css">        .con{            border-style: solid;            border-color: red;            width: 500px;            height: 350px;        }    </style>    <body>    <div id="add">        <div class="con">            测试内容        </div>        <div class="con">            测试内容        </div>        <div class="con">            测试内容        </div>    </div>        <script>        $(window).scroll(function(){      var scrollTop = $(this).scrollTop(); //获取、判断高度      var scrollHeight = $(document).height();      var windowHeight = $(this).height();      if(scrollTop + windowHeight == scrollHeight){        alert("已经到最底部了!");                    //如果不懂ajax的话可以去熟悉一下                    $.ajax({                                type: "GET", //提交方式 GET 或 POST                                url: "test.php", //提交的php脚本                                data: {                                    username:$("#username").val(),  //提交的数据可以为空                                    content:$("#content").val()                                },                                dataType: "html", //返回的类型 还可以是 json格式     <span>@本文来*源gaodai#ma#com搞*!代#%^码$网*</span><textarea>搞gaodaima代码</textarea>                           success: function(data){ //成功后返回的数据                                                                            //这里可以对data进行处理                                    $('#add').append(data); //追加进id为add的class                                }                            });      }    });    </script>----------test.php<?phpecho '测试内容';</code>


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:javascript – 高手大牛给我看看,拉动到最后怎么不加载了
喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址