Question

我试图从新的json url加载更多数据，例如，第一个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功能。

从新的json url加载更多数据

1 个答案: