javascript - 在加载更多按钮功能中包含 json 数据

Question

如何在加载更多按钮功能中包含 json 数据

load more button : Jsfiddle example

    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

试了好几天了，还是没有结果，请高手帮忙，谢谢。

Answer 1

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);

        });





    });   
});