好吧，我已经使用jQuery（一种Javascript框架）对一些基本知识进行了整理，该jQuery向该URL发出GET请求，并以jsonp格式检索数据。然后解析关于每个条目的一些基本信息（标题和链接），并将其附加到id为的div中的无序列表中
data，只要该条目的数据位未定义。如果将其粘贴在页面上加载了jQuery的脚本标签中并运行它，则此方法有效。我将不讨论其工作原理的所有细节，因为您说过您愿意付出一些努力。但是，我将为您提供一些链接和基本说明。
此示例利用：
- AJAX或异步Java语言和XML 的概念。一组用于创建交互式Web应用程序的技术。在我们的示例中，特别是XMLHttpRequest，jQuery
jQuery.ajax
是其包装器。jQuery.getJSON
是jQuery.ajax
专门用于检索JSON或JSONP编码数据的包装器。 - 的概念JSON或Javascript Object Notation是一种轻量级的数据交换格式。您可以将其视为XML的替代品。
- JSONP或带填充的JSON 的概念。JSONP不限于与普通AJAX请求相同的来源策略。
- 在jQuery的Javascript框架，对DOM操作和Ajax请求，并且几乎一切有用的一个很好的Javascript框架。
jQuery.getJSON()
jQuery中的方法，用于检索json或jsonp数据，例如本示例jQuery.each()
jQuery 的方法，可用于遍历任何通用集合（在本例中为json）。.append()
jQuery 的方法，用于将内容附加到dom元素。- jQuery Selectors的概念，实际上只是具有一些额外花哨的css选择器。jQuery使用选择器快速“选择” dom元素以对其进行操作。
没有进一步的理由：
这个例子
$("body").append("<div id = 'data'><ul></ul></div>"); $.getJSON("http://gdata.youtube.com/feeds/api/standardfeeds/top_rated?callback=?&alt=jsonc&v=2", function(data) { var dataContainer = $("#data ul"); $.each(data.data.items, function(i, val) { if (typeof(val.player) !== 'undefined' && typeof(val.title) !== 'undefined') { dataContainer.append("<li><a href = "+val.player.default+" target = '_blank'>"+val.title+"</a></li>"); } }); });这应该足以使您“指向正确的方向”。如有任何疑问，请发表评论，我会尽力回答。
