<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>