Tema: Ayuda para obtener info de XML mediante JS
Ver Mensaje Individual
  #16 (permalink)  
Antiguo 24/11/2010, 23:32
Avatar de dual3nigma
dual3nigma
Colaborador
  
Fecha de Ingreso: febrero-2010
Ubicación: Ciudad de México
Mensajes: 295
Antigüedad: 14 años, 9 meses
Puntos: 122
Respuesta: Ayuda para obtener info de XML mediante JS
Mira hice un ejemplo rapido de lo que yo entiendo que quieres hacer, revisalo y me dices si te sirvio de algo, siquieres primero pruebalo tal cual para que veas su funcionamiento, le puse muchos comentarios
Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>Cross Domain Ajax</title>
  6. <script src="jquery.min.js"></script>
  7. <script>
  8. /**
  9.  * Con esta funcion cargas el feed de los videos
  10.  * y una vez que se han cargado todos llamas a la funcion "callback"
  11.  *
  12.  * @param {Array} list - Un arreglo con los id's de los videos
  13.  * @param {Function} callback - La funcion que se llama cuando todos los datos de los videos se han cargado
  14.  */
  15. function getXMLinfo(list, callback) {
  16.     var path = 'http://gdata.youtube.com/feeds/videos/',
  17.         videosInfo = [], // El array que contiene los datos de los videos
  18.         url, YQL, 
  19.         cuantos = 0, total = list.length; // cuantos van cargados y cuantos son en total
  20.     
  21.     // por cada id de video
  22.     for(var i in list) {
  23.         url = path + list[i];
  24.         YQL = 'http://query.yahooapis.com/v1/public/yql?q=' + encodeURIComponent('select * from xml where url="' + url + '"') + '&format=xml&callback=?';
  25.         
  26.         // Comenzar la carga del feed
  27.         $.getJSON(YQL, function (XMLData) {
  28.             // Otro consejo cuando use jquery trata de evitar repetir por todos lados
  29.             // $(XMLData.results[0]) y despues al rato $(XMLData.results[0]) otra vez
  30.             // mejor ponlo en una variable ok?
  31.             var feed = $(XMLData.results[0]);
  32.             
  33.             // Aqui vas poniendo todo en el array
  34.             videosInfo.push({titulo: feed.find('title').text(), 
  35.                     descripcion: feed.find('media\\:description').text()});
  36.             
  37.             cuantos++;
  38.             
  39.             // Si ya se cargaron todos entonces llamas a la funcion que pusiste como callback
  40.             if(cuantos == total) callback.call(null, videosInfo);
  41.         });
  42.     }
  43. }
  44.  
  45. // Pasas los ids, y la funcion que se llamara cuando todo el contenido se cargue
  46. getXMLinfo([
  47.     'VurhzANQ_B0',
  48.     'ZXTC0SmgE2s',
  49.     'jUkoL9RE72o',
  50.     'Fi_GN1pHCVc',
  51.     'oJaBHSIRVlE',
  52.     '94bGzWyHbu0'
  53. ], function (info) { // Info es el array que getXMLinfo se llamaba videosInfo
  54.     var datos = $('#datos');
  55.     
  56.     // como ejemplo los meto en div#datos
  57.     for(var i in info) {
  58.         datos.append('<p><strong>'+info[i].titulo+'</strong><br />&nbsp;&nbsp;&nbsp;&nbsp;'+info[i].descripcion+'</p>');    
  59.     }
  60. });
  61. </script>
  62. </head>
  63. <body>
  64. <div id="datos">
  65. </div>
  66. </body>
  67. </html>

Ah y te dejo una captura ¬¬ (para que luego no digas que no funciona) jajaja ntc

Saludos!