旭日站长网, 致力于一站式网络解决方案服务!
您当前位置:网站首页 >> 网络编程 >> javascript >> 列表加载更多js代码案例

列表加载更多js代码案例

2017-08-17 10:18:24 来源:旭日站长 浏览:1
内容提要:列表加载更多js代码案例

列表加载更多js代码案例,图:

js加载:

<script type="text/javascript">  
    var pageid = 0;
    function LoadMore(MenuId) {
        pageid++;
        $.post("/DynamicData/ViewPoint/", {
            PageId: pageid,
            MenuId: MenuId
        }, function(data) {
            if (data != "") {
                data = eval("(" + data + ")");
                for (var i = 0; i < data.ds.length; i++) {
                    $(".viewpoint_list").append("<li><a href='/Viewpoint/" + data.ds[i].MenuID + "/" + data.ds[i].ContentID + ".html'>" + "<div class='viewpoint_info'>"+ "<div class='viewpoint_img'>" + "<img src='" + data.ds[i].imgSrc + "' width='212' height='116' />" + "</div>" + "<h5>" + data.ds[i].Title + "</h5>" + "<div class='viewpoint_des'>" + data.ds[i].htmldescribe + "</div>" + "</div>" + "<div class='viewpoint_date'><em>" + data.ds[i].MDly + "</em>" + data.ds[i].Yearly + "</div>" + "</a></li>")
                }
                if (data.ds.length < 8) {
                    $("#LoadMore").html("没有了")
                }
            } else {
                $("#LoadMore").html("没有了")
            }
        })
    }
</script>

 

html代码:

<div class="load_more"><span><a href="javascript:;" id="LoadMore" onclick="LoadMore(142)">加载更多</a></span></div>

 

 

发表评论
网名:
评论:
验证:
共有0人对本文发表评论查看所有评论(网友评论仅供表达个人看法,并不表明本站同意其观点或证实其描述)
关于我们 - 联系我们 - 本站热点 - 广告服务 - 下载首页 - 版权声明- 软件发布- 网站地图