CODEWITHSUNDEEP
javascriptjqueryjson
ekky008
ekky008

Reputation: 17

include json data in the load more button function

how do i include json data in the load more button function at

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

My json url is : http://www.beritanisma.com/category/superlawak/?json=get_category_posts

been trying for days but it ended up showing no results, please help me masters, thank you..

Upvotes: 0

Views: 912

Answers (1)

Rex Adrivan
Rex Adrivan

Reputation: 1009

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

        });





    });   
});

Upvotes: 1

Related Questions