0

我是 Jquery/Ajax 的新手，我正在尝试根据我设置的 url 参数更改 json 的源 url，我在 PHP 中有工作版本，但我不知道如何在 JQuery 中编写它

这是我的 PHP 代码（我目前正在使用

  $id = urlencode($_GET['id']);
       $page = urlencode($_GET['results']);
    $url = "https://gdata.youtube.com/feeds/api/playlists/$id?alt=jsonc&v=2&max-results=25&&start-index={$results}";

此代码获取id并包含它以更改脚本中使用的源文件的 url

那么我如何让这段代码以同样的方式运行呢？

$(document).ready(function() {
    startindex = 1;
    loadmore = 20;
    addMore(startindex, loadmore);

    $('#addmore').on('click',function(e) {
        e.preventDefault();
        addMore($('#list li').length, 20);
    });
});

function addMore(startindex,loadmore) {

    src = "https://gdata.youtube.com/feeds/api/playlists/ID_WOULD_GO_HERE?alt=json&max-results=" + loadmore + "&start-index=" + startindex;

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

                $.each(data.feed.entry, function(i, e) {
                    $list.append('<li class="video"><a href="' + e.link[1].href + '"><img src="'+ e.media$group.media$thumbnail[0].url +'" width="250"></img></a><br>' + e.title.$t + '<P>' + e.author[0].name.$t + ' | '+ e.yt$statistics.viewCount +' Views</span></li>');
                });
            }
        }
    });
}

请帮忙，谢谢！

4

1 回答 1

1

请试试这个：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<div id="list"></div>

<script>
$(document).ready(function() {
    startindex = 1;
    loadmore = 20;
    id = urlVar("id");

    if (id!="") {
        addMore(id, startindex, loadmore);
    }

    $('#addmore').on('click',function(e) {
        e.preventDefault();
        addMore(id, $('#list li').size(), 20);
    });
});

function urlVar(varName) {
    var vars = {};
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
        vars[key] = value;
    });
    return vars[varName]?vars[varName]:"";
}

function addMore(id, startindex,loadmore) {
    src = "https://gdata.youtube.com/feeds/api/playlists/"+ id +"?alt=json&max-results=" + loadmore + "&start-index=" + startindex;
    $.ajax({
        dataType: "jsonp",
        url: src,
        success: function(data, textStatus, jqXHR) {
            console.log(data);
            if (data.feed && data.feed.entry) {
                var $list = $('#list');
                $.each(data.feed.entry, function(i, e) {
                    $list.append('<li class="video"><a href="' + e.link[1].href + '"><img src="'+ e.media$group.media$thumbnail[0].url +'" width="250"></img></a><br>' + e.title.$t + '<P>' + e.author[0].name.$t + ' | '+ e.yt$statistics.viewCount +' Views</span></li>');
                });
            }
        }
    });
}
</script>

去测试：this_script.php?id=RD029cW4vF6U2Dc

潜在地，您还可以让 PHP 事先将变量放入 URL。

例子：

src = "https://gdata.youtube.com/feeds/api/playlists/<?php echo $_GET['id'];?>?alt=json&max-results=" + loadmore + "&start-index=" + startindex;

于 2013-05-31T21:51:32.600 回答