YouTube JSON分页(jQuery)

YouTube JSON分页(jQuery),jquery,youtube,pagination,Jquery,Youtube,Pagination,我试图创建一个函数,加载15个新结果,并将它们附加到以前用jQuery加载的结果下面,有办法吗 Javascript: $(document).ready(function() { startindex = 1; loadmore = 15; src = "https://gdata.youtube.com/feeds/api/videos?category=games&alt=json-in-script&max-results=12&star

我试图创建一个函数,加载15个新结果,并将它们附加到以前用jQuery加载的结果下面,有办法吗

Javascript:

$(document).ready(function() {
    startindex = 1;
    loadmore = 15;

    src = "https://gdata.youtube.com/feeds/api/videos?category=games&alt=json-in-script&max-results=12&start-index=" + startindex;

    $.ajax({
        dataType: "jsonp",
        url: src,
        success: function(data, textStatus, jqXHR) {
            if (data.feed && data.feed.entry) {
                var list = [];

                $.each(data.feed.entry, function(i, e) {
                    list.push([
                        '<li class="video">',
                        '<img src="http://img.youtube.com/vi/' + e.id.$t + '/default.jpg" />',
                        '<a href="' + e.link[1].href + '">',
                        '<span>' + e.title.$t + '</span>',
                        '</a>',
                        '<span>' + e.author[0].name.$t + '</span>',
                        '</li>'
                    ].join(""));
                });

                $("#list").html(list.join(""));
            }
        }
    });

    function loadMore() {
        var startindex = parseInt(startindex) + parseInt(loadmore);
    }

});
$(文档).ready(函数(){
startindex=1;
loadmore=15;
src=”https://gdata.youtube.com/feeds/api/videos?category=games&alt=json-在脚本中&max results=12&start index=“+startindex;
$.ajax({
数据类型:“jsonp”,
网址:src,
成功:函数(数据、文本状态、jqXHR){
if(data.feed&&data.feed.entry){
var列表=[];
$.each(data.feed.entry,函数(即){
list.push([
“
  • ”, '', '', ''+e.author[0].名称。$t+'', “
  • ” ].加入(“”); }); $(“#list”).html(list.join(“”); } } }); 函数loadMore(){ var startindex=parseInt(startindex)+parseInt(loadmore); } });
    HTML:


    您要做的是将
    $(document).ready()
    中的大部分代码转换为独立函数,然后在
    $(document).ready()中调用该函数。该函数将接受两个参数:起始位置和记录总数

    通过计算
    中已经存在的项目数,可以很容易地获得开始位置,并且正在获取的记录总数(大概)永远不会改变

    $(文档).ready(函数(){
    startindex=1;
    loadmore=15;
    addMore(startindex,loadmore);
    $('#addmore')。在('click',函数(e)上{
    e、 预防默认值();
    addMore($('#list li')。长度,15;
    });
    });
    函数addMore(startindex、loadmore){
    src=”https://gdata.youtube.com/feeds/api/videos?category=games&alt=json-在script&max results=“+loadmore+”&start index=“+startindex;
    $.ajax({
    数据类型:“jsonp”,
    网址:src,
    成功:函数(数据、文本状态、jqXHR){
    if(data.feed&&data.feed.entry){
    var$list=$(“#list”);
    $.each(data.feed.entry,函数(即){
    $list.append('
  • '+e.author[0].name.$t+'
  • '); }); } } }); }
    ol{
    列表样式:十进制;
    左边距:2米;
    }

    您需要增加开始索引,然后将新获取的结果追加到列表底部。有什么问题吗?
    <ol id="list"></ol>