После того, как вы запустите jQuery, вы можете использовать команду getJSON для анализа данных JSONP. В этот момент вы получите объект со всеми необходимыми данными, и вы сможете выбрать способ вывода данных.
исал код C для получения списка видео YouTube для URL "* http: //gdata.youtube.com/feeds/api/standardfeeds/top_rated*" с помощью библиотеки libsoup. Я могу проанализировать возвращенные данные XML с помощью libxml2 и извлечь из него нужные поля.
Я хочу знать, как я могу сделать то же самое, используя JavaScript и отображать список в браузере. У меня есть базовые знания по javascript, но я готов приложить необходимые усилия, если вы, ребята, укажете мне правильное направление.
Я понимаю следующее из справочной документации Google по API YouTube.
Отправьте запрос GET в нужном формате на упоминание URL.Ответ будет в формате XML или JSON-C, и это должно быть проанализированоКак мне добиться того и другого с помощью JavaScript и отображения с помощью HTML / Javascript? Пример кода или любые ссылки будут очень полезны.
Изменить: Добавление тега php для лучшей видимости вопроса, и я думаю, что php может быть в состоянии предоставить подсказки для вопроса.
ТИА,
Правин С
РЕДАКТИРОВАТЬ после попытки предложения, приведенные ниже:
Как мне отладить это? Кажется, он не отображает название видео, которые я собираюсь записать.
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("body").append("<div id = 'data'><ul>jffnfjnkj</ul></div>");
$.getJSON("http://gdata.youtube.com/feeds/api/standardfeeds/top_rated?callback=function&alt=jsonc&v=2", function(data) {
var dataContainer = $("#data ul");
$.each(data.data.items, function(i, val) {
$("body").append("<div id = 'data'><ul>jffnfjnkj</ul></div>");
if (typeof(val.player) !== 'undefined' && typeof(val.title) !== 'undefined') {
dataContainer.append("<li><a href = "+val.player.default+" target = '_blank'>"+val.title+"</a></li>");
}
});
});
});
});
</script>
</head>
<body>
<h2>Header</h2>
<p>Paragrapgh</p>
<p>Paragraph.</p>
<button>Click me</button>
</body>
</html>