在“加载更多”按钮函数中包含 JSON 数据

include json data in the load more button function

本文关键字：函数 包含 JSON 数据 按钮 加载 加载更多      更新时间：2023-09-26

如何在加载更多按钮函数中包含 JSON 数据

加载更多按钮：Jsfiddle示例

    var index = 1;
$(document).on("pagecreate", "#page1", function(){
    $("#btnAdd").on("click", function(){
        var allItems = '';
        for (var i = 0; i < 100; i++) {
            allItems += '<li><a href="javascript:showDetails(' + (index + i) + ')" >item number ' + (index + i) + '</a></li>';
        }        
        index += 100;
        $("#ListTemp").empty().append(allItems).listview("refresh");
        var element = $("#ListTemp li").detach();
        $("#ListDspQry").append(element);
    });   
});

我的 json 网址是：http://www.beritanisma.com/category/superlawak/?json=get_category_posts

已经尝试了几天，但最终没有显示任何结果，请帮助我大师，谢谢..

var index = 0;
$(document).on("pagecreate", "#page1", function(){
    $("#btnAdd").on("click", function(){
        var url = "http://www.beritanisma.com/category/superlawak/?json=get_category_posts"
        $.getJSON(url, function(data){
           var allItems = '';
            for (var i = 0; i < data.posts.length; i++) {
                console.log(data.posts[i].url);
                  allItems += '<li><a href="javascript:showDetails(' + (index + i) + ')" >'+data.posts[i].url+'' + (index + i) + '</a></li>';  

            }
        index += 100;
        $("#ListTemp").empty().append(allItems).listview("refresh");
        var element = $("#ListTemp li").detach();
        $("#ListDspQry").append(element);
        });


    });   
});
相关文章：