YouTube JSON分页(jQuery)
我试图创建一个函数,加载15个新结果,并将它们附加到以前用jQuery加载的结果下面,有办法吗 Javascript: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
$(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>