梦想之家

phpcms 网站实现点击加载更多 ajax技术

稻草人在使用PHPCMS V9建站的时候,需要用到列表页,加载更多的方式来布局,废话不多说,上代码:
注意:加载更多的同时,是在初始页面已经调用了 4条数据了,所以一开始,下面的JS点击后会自动加4
//下面这个input是传到后台的页码,每次点击会加 4,根据需要自己修改



//下面是发起ajax请求,加载更多

加载更多

//下面是点击 加载更多后发送的ajax请求

<script>

$('#getMore').click(function(){

var srcV = jQuery("#nums").val(); //首先获取input的值

srcV=parseInt(srcV)+4; //然后点击一次 值会加 4

jQuery("#nums").val(srcV); //把加后的值赋input框

var indexs=jQuery("#nums").val(); //在取input框的值

var catid={$catid}; //这个是获取当前栏目的ID

$.ajax({

type:"get",

url:'api.php?op=ysbq&catid='+catid+'&pages='+indexs,

data:'',

dataType:'json',

success:function(msg){

if(typeof msg == 'object'){

for(var i=0, l=msg.length; i

$('#news-list').append('

  • ')

    }

    }

    }


    });

    })

    </script>


    下面是后台PHP文件,数据库这些根据自己的情况配置即可:

    <?php

    defined('IN_PHPCMS') or exit('No permission resources.');


    $db = pc_base::load_config('database','default');

    $hostname = $db[hostname];

    $db_user = $db[username];

    $db_pass = $db[password];

    $db_name = $db[database];

    $timezone="Asia/Shanghai";

    $link=mysql_connect($hostname,$db_user,$db_pass);

    mysql_select_db($db_name,$link);

    mysql_query("SET names UTF8");

    header("Content-Type: text/html; charset=utf-8");

    date_default_timezone_set($timezone); 



    $catid=$_GET['catid'];

    $snum=$_GET['pages'];

    $nums=4;

    $sql="select * from sj_news where catid={$catid} order by id desc limit $snum,$nums";


    $run= mysql_query($sql);

    while($row = mysql_fetch_array($run)) {

    $row['inputtime']=date('Y/m/d',$row['inputtime']);  

    $data[]=$row;

    }


    echo json_encode($data);

    ?>


    把上面的PHP文件保存为:ysbq.php  放在根目录的API文件夹下即可。
    样式那些根据自己网站的布局更改即可,新增的数据在append() 中修改。

    1.png

    您此刻的心情: