首頁>新聞資訊>JQ上拉加載(無插件)

JQ上拉加載(無插件)

HTML:

<!DOCTYPE html>

<html lang =“en”>

<head>

<meta charset =“UTF-8”>

<TITLE>曬單墻</ TITLE>

<meta name =“keywords”content =“關鍵詞”>

<meta name =“description”content =“網站描述”>


<script src =“./ themesmobile / 68ecshopcom_mobile / js / jquery.min.js”> </ script>

</ head>

<body>

<div class =“header”>

<a href =“javascript:history.go(-1);” class =“back”> <img src =“images / back.png”alt =“”> </a>

<H1>曬單墻</ H1>

<input id =“num”type =“hidden”name =“”value =“1”>

<a href="release_dry.php" class="release"> <img src =“images / release.png”alt =“”> </a>

</ DIV>

<div class =“dry mt95”>

<ul id =“show_img”>

</ UL>

<div style =“text-align:center;” ID = “MSG”> </ DIV>

</ DIV>


</ body>

<script type =“text / javascript”>

$(function(){

var msg_list_loading = false;

函數pend(){

var pag = $('#num')。val();

     $。員額( “show_orders.php”,{頁:PAG},功能(數據){

     var data = JSON.parse(data);

的console.log(數據);

if(data.length!= 0){

        如果(數據){

           var array = data [0];

           var str ='';

           $。每個(數據,函數(指數,陣列){

// 以下藍色部分根據個人需要輸出


tr + =“<li>”;

str + =“   <h2> <a href=''> <img src ='images / dry_head.png'alt =''>”+ array ['user_name'] +“</a> <span>”+ array [ 'add_time'] + “</跨度> </ H2>”

str + =“   <div class ='word'>”;

str + =“   <a href='javascript:void(0);'>”;

str + =“   <p>”+ array ['user_name'] +“</ p>”;

str + =“   <div class ='img'>”;

$。每個(陣列[ 'IMG'],功能(NUM,IMG){

str + =“   <img src ='。/”+ array ['img'] [num] +“'alt =''>”;

});

str + =“   </ div>”;

str + =“   </a>”;

str + =“   </ div>”;

str + =“<div class ='comment'>”;

$。每個(陣列[ '內容'],功能(N,續){

str + =“<div class ='box'>”;

str + =“<a href=''> <img src ='images / dry_head.png'alt =''> </a>”;

str + =“<div>”;

str + =“<h3>”+ cont ['user_name'] +“<span style ='float:right;'>”+ cont ['add_time'] +“</ span> </ h3>”;

str + =“<p>”+ cont ['content'] +“</ p>”;

str + =“</ div> </ div>”;

});

str + =“</ div>”;

str + =“<input type ='text'name ='say'id ='say”+ array ['shaidan_id'] +“'required =''placeholder ='來說點什么'>”;

str + =“<input onclick ='message(”+ array ['shaidan_id'] +“)'type =''value ='提交'>”;

str + =“   <div class ='edit'>”;

str + =“   <a href='show_orders.php?act=get_msg&id="+array['shaidan_id']+"'> <img src ='images / comment.png'alt =''>”“+ array [' NUM'] + “</A>”;

str + =“   <a onclick='zan("+array['shaidan_id']+")' href='javascript:void(0)'>”;

如果(數組[ 'user_click'] == 1){

str + =“<img id ='zan”+ array ['shaidan_id'] +“'src ='images / love_1.png'alt =''>”;

}其他{

str + =“<img id ='zan”+ array ['shaidan_id'] +“'src ='images / love.png'alt =''>”;

}

str + =“<span id ='”+ array ['shaidan_id'] +“'>”+ array ['count_click'] +“<span> </a>”;

str + =“   </ div>”;

str + =“</ li>”;  

           });

           $( “#show_img”)追加(STR)。

       }

   } else {

             $('#msg')。html('沒有更多了');

           }    

   });

   PAG ++;

   $( '#NUM')VAL(PAG)。

} pend(); //頁面加載完先調用一次


$(window).scroll(function(){

var bot = 1;

     如果((bot + $(window).scrollTop())> =($(document).height() - $(window).height()-1)){

         $('#msg')。正在加載');

       如果(!msg_list_loading){

            msg_list_loading = true;

PEND();

     msg_list_loading = false;

           }

       } else if($(document).scrollTop()<= 0){

              //(“滾動條已經到達頂部為0”);

       }

});

-------------------------------------------------- -------------------------------------------------- ----------------------

------

php:

<?php

$ pager =($ _ POST ['page'] - 1)* 4;

$ usr_id = $ _SESSION ['user_id'];

//下拉加載,每次刷新顯示最新的4條

//每次加載顯示增加6條

$ sql =“select s.user_id,s.shaidan_id,s.img,s.message,s.add_time,s.count_click,s.user_click,u.user_name from”。$ ecs-> table('shaidan')。's left join“。$ ecs-> table('users')。”u on s.user_id = u.user_id where s.status = 1“。$ where,”order by add_time desc limit“。$ pager。” ,4" ;

$ shaidan = $ db-> getAll($ sql);



$數據=陣列();

 foreach($ shaidan as $ key => $ val){

$ user_str [$ key] = $ val ['user_click'];

$ user_array [$ key] = explode(' - ',substr($ user_str [$ key],1));

$ is_click [$ key] = array_search($ usr_id,$ user_array [$ key]);

if($ is_click [$ key] || $ is_click [$ key] === 0){

$ is_click [$鍵] = 1;

}其他{

$ is_click [$鍵] = 0;

}


$ data [$ key] = array(

'user_id'=> $ val ['user_id'],

'shaidan_id'=> $ val ['shaidan_id'],

'img'=> explode(' - ',substr($ val ['img'],1)),//圖片字符串轉為數組

'message'=> $ val ['message'],

'add_time'=> date(“Ymd H:i”,$ val ['add_time']),

'count_click'=> $ VAL [ 'count_click'],

'user_name'=> $ val ['user_name'],

'user_click'=> $ is_click [$ key],

'num'=> $ db-> getOne(“select count(comment_id)from”。$ ecs-> table('comment')。“其中parent_id =”。$ val ['shaidan_id']),

'content'=> $ db-> getAll(“select c.parent_id,c.user_id,c.content,c.add_time,u.user_name from”。$ ecs-> table('comment')。“c left join “。$ ecs-> table('users')。”u on c.user_id = u.user_id where c.parent_id =“。$ val ['shaidan_id']。”order by c.add_time desc limit 2“)

);

   }

  回波json_encode($數據);出口;

})


</ script>

</ html>



久久免费小视频,久久久影院亚洲午夜,久久成了视频免费观看,久久久永久免费视频
思思99re久久精品国产首页 | 久久中文字幕永久第一页 | 亚洲中文色欧另类欧美 | 精品国产美女福到在线不卡 | 中文字幕美国亚洲电影 | 亚洲日韩国产欧美一区二区三区 |