如何从json请求显示当前标题

时间:2012-04-03 20:27:33

标签: javascript json while-loop brightcove

我希望获得在我的页面上选择的特定项目的标题:

function response(jsonData) {
    var items = jsonData["items"];
    var tDiv = document.getElementById("dynamicVideos");
    var uDiv = document.getElementById("videoInfo");
    var i=0;        

    while (i<items.length) {        

        var str = "";
        str += '<div class="tvVideo">';
        str += '<div class="thumb" onClick="playTitleFromList(' + items[i].id + ')"><img src="' + items[i].thumbnailURL + '"/></div>';
        str += '<p class="vidTitle">' + items[i].name + ' (' + formatTime(items[i].length) + ')'+ '</p>';
        str += '<p class="vidDescription">' + items[i].shortDescription + '</p>';
        str += '</div>';

        tDiv.innerHTML += str;

        i++;
    }

    var str2 = "";
    str2 += '<div class="videoTitle">';
    str2 += '<h3 id="videoTitle">' + items[0].name + '</h3>';
    str2 += '</div><!-- Video Title -->';
    str2 += '<div class="videoDescription">';
    str2 += '<p id="videoDescription">' + items[0].longDescription + '</p>';
    str2 += '</div><!-- Video Description -->';
    str2 += '<div class="divide"></div>';
    str2 += '<div id="videoDonate"></div>';
    str2 += '<div id="videoTAF"></div>';
    str2 += '<div id="videoTime"></div>';

    uDiv.innerHTML += str2;
}

代码的底部应显示所选视频的信息,因为顶部代码块会返回视频列表。

1 个答案:

答案 0 :(得分:1)

如果“已选择”表示您点击的最后一项,则需要将代码添加到playTitleFromList以使用数据填充您的页面。该函数需要访问jsonData中的相同数据,因此它具有所需的值。该函数当前传递了需要查找的ID;或者,您可以更改代码,以便将i作为参数而不是id传递,以便您只能访问数组中的项目。