从新的 JSON URL 加载更多数据

Question

我试图从新的json网址加载更多数据，因为第一个id是33532，然后是84。
代码仅从第一个加载，单击时如何修改它以支持其他 id？

<script>
    id="33532";
    categoryAddr = "http://www.geektime.co.il/wp-json/samsungApi/v1/posts?cat="+id;
    $.getJSON(categoryAddr,function(data){
        json=data;
    jQuery(function ($) {
    $.each(json, function (i, value) {
        var list = "<li class='hidden' >" 
        + "<h1>" + value.title + "</h1>" 
        + "<img src='" + value.image + "' alt=''/>"
        +"<h2>" + value.excerpt + "</h2>";
        $('.hold').append(list);
        });
    function loadMore(){
        $(".hold .hidden").slice(0,5).removeClass("hidden");
    }
    loadMore();
    $("#btnLoadMore").on("click",loadMore);        
    });
}); 
</script>

Answer 1

使此脚本成为依赖于 ID 的函数并调用该函数。

<script>
    function callAPI(id) {
        categoryAddr = "http://www.geektime.co.il/wp-json/samsungApi/v1/posts?cat="+id;
        $.getJSON(categoryAddr,function(data){
            json=data;
        jQuery(function ($) {
        $.each(json, function (i, value) {
            var list = "<li class='hidden' >" 
            + "<h1>" + value.title + "</h1>" 
            + "<img src='" + value.image + "' alt=''/>"
            +"<h2>" + value.excerpt + "</h2>";
            $('.hold').append(list);
            });
        function loadMore(){
            $(".hold .hidden").slice(0,5).removeClass("hidden");
        }
        loadMore();
        $("#btnLoadMore").on("click",loadMore);        
        });
    }); 
}
callAPI('33532');
</script>

现在可以在事件中调用 callAPI 函数。