> 無刷新點擊實現加載更多數據 # html代碼 ~~~ <div class="row row-zmo"> <div class="col-xs-12 col-md-12 row-more"> <a href="javascript:;" onclick="lmore()"> <p> + 展開更多案例 + </p> </a> </div> </div> ~~~ # jquery代碼 ~~~ var cid = "<?php echo $cid?>"; i = 2; //當前頁數 var domain = window.location.host; //域名 var url_dom = "http://"+domain+"/index.php?g=portal&m=list&a=more"; function lmore() { $.getJSON(url_dom, {page: i,cid: cid}, function(json) { if (json) { var str = ""; $.each(json, function(index, array) { var id = array['tid']; var cid = array['term_id']; var im = array['thumb']; var url = window.location.pathname ; // 路徑 var full = url+"?g=&m=article&a=index&id="+id+"&cid="+cid; //完整的詳情路徑 var str = ""; var str = str + "<div class='col-xs-12 col-md-6 case-bos'>" +"<a href='"+ full +"' class='thumbnail case-thumbnail'>" + "<div class='inner'></div>" + "<div class='ibar'>" + "<e>" + array['post_title'] + "</e><br><e>" + array['claname'] + "</e></div>" + "<img src='/data/upload/"+ array['thumb'] +"' />" + "<div class='col-xs-3 col-md-3 case-but'><p>" + "查看案例" + "</p></div></a></div>"; $(".lists-img").append(str); $(".case-bos").hover( function(){ id=$(this).index(); $(".inner").eq(id).fadeIn(200); }, function(){ $(".inner").eq(id).fadeOut(200); } );　 }); } else { showEmpty(); } }); i++; } function showEmpty() { $(".row-more").find("p").text("別滾動了,已經到底了... ..."); } ~~~ # php代碼 ~~~ public function more(){ $page = intval($_GET['page']); //獲取請求的頁數 $cid = intval($_GET['cid']); //分類id $pagenum = 8; //每頁數量 $start = ($page - 1) * $pagenum; $tag = "order:post_date desc;limit:$start,$pagenum"; $result = sp_sql_posts_bycatid($cid,$tag); foreach ($result as &$value) { $value['smeta']=json_decode($value['smeta'], true); $value['thumb']=$value['smeta']['thumb']; $term_id=$value['term_id']; $term=sp_get_term($term_id); $value['claname']=$term['name']; } if ($result) { echo json_encode($result,true); //轉換為json數據輸出 } } ~~~