AJAX JQUERY colaboración

grossbergsteven · #1 (**permalink**) 14/01/2015, 11:49

Buenas tardes, estoy tratando de parsear el siguiente xml: http://ws1.incasports.com/reporte/logrosdeporte.php?liga=nba

necesito implementar ajax, y leyendo dice que con Jquery es la mejor forma, estoy tratando de hacerlo de lasiguiente forma y no me resulta:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<link rel="stylesheet" href="">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
<script>
$(document).ready(function(){
$.ajax({
type: "GET",
url: "http://ws1.incasports.com/reporte/logrosdeporte.php?liga=nba",
dataType: "xml",
success: function(xml) {
$(xml).find('equipo1').each(function(){
var nombre = $(this).attr('nombre');

</script>
</body>
</html>

Obviamente no soy avanzado en programación, ya que apenas estoy estudiando, pero agradecería mucho su ayuda, soy una persona inteligente con ganas de aprender.

mauritosuarez · #2 (**permalink**) 14/01/2015, 11:52

Hola grossbergsteven, que problema tienes, de da algún error? por lo que veo te faltan cierres de llaves y parentesis "});"

Saludos.

grossbergsteven · #3 (**permalink**) 14/01/2015, 11:55

Hola gracias por responder, si me faltaan llaves y parentesis el problema es que no hace nada aunque le ponga las llaves y parentesis faltantes, ese mismo xml lo procese con php de la siguiente manera:
<?php
$xml = simplexml_load_file("http://ws1.incasports.com/reporte/logrosdeporte.php?liga=nba");
$juegos=$xml->juego;
?>
<table class="logros">
<tr>
<td colspan="3" style="width: 170px"></td>
<td colspan="3" align=center bgcolor="#80BB3E" style="width: 330px">Juego completo</td>
<td colspan="3" align=center bgcolor="#6A9E32" style="width: 330px">Primera Mitad</td>
</tr>
<tr>
<td align=center style="width: 70px">Fecha/Hora</td>
<td align=center style="width: 70px">Ref</td>
<td align=center style="width: 170px">Equipo</td>
<td align=center style="width: 100px">ML</td>
<td align=center style="width: 130px">A/B</td>
<td align=center style="width: 100px">RL</td>
<td align=center style="width: 100px">ML</td>
<td align=center style="width: 130px">A/B</td>
<td align=center style="width: 100px">RL</td>
</tr>
<?php
foreach( $juegos as $node ){
$r1=$node->equipo1['referencia'];
$r2=$node->equipo2['referencia'];
$n1=$node->equipo1['nombre'];
$n2=$node->equipo2['nombre'];
$ml1=$node->equipo1['ml'];
$ml2=$node->equipo2['ml'];
$ab=$node->equipo1['ab'];
$rl1=$node->equipo1['rl'];
$rl2=$node->equipo2['rl'];
$pml1=$node->equipo1['pml'];
$pml2=$node->equipo2['pml'];
$pab=$node->equipo1['pab'];
$prl1=$node->equipo1['prl'];
$prl2=$node->equipo2['prl'];
$hora=$node->equipo1['hora'];
$fecha=$node->equipo1['fecha'];
?>
<tr>
<td align=center><?=date("d/m/Y",strtotime("$fecha"))?></td>
<td align=center><?=$r1?></td>
<td><?=$n1?></td>
<td align=right><?=$ml1?></td>
<td align=right rowspan="2"><?=str_replace(".5","&frac12",$ab)?></td>
<td align=right><?=str_replace(".5","&frac12",$rl1)?></td>
<td align=right><?=str_replace("0","-",$pml1)?></td>
<td align=right rowspan="2"><?=str_replace(".5","&frac12",$pab)?></td>
<td align=right><?=str_replace(".5","&frac12",$prl1)?> </td>
</tr>
<tr>
<td align=center><?=date("g:i a",strtotime("$hora"))?></td>
<td align=center><?=$r2?></td>
<td><?=$n2?></td>
<td align=right><?=$ml2?></td>
<td align=right><?=str_replace(".5","&frac12",$rl2)?></td>
<td align=right><?=str_replace("0","-",$pml2)?></td>
<td align=right><?=str_replace(".5","&frac12",$prl2)?> </td>
</tr>
<?php }
unset($atrib_equi);
?>
</table>

y obtuve lo que estaba buscando, solo que en este caso quiero usar ajax porque los datos van cambiando constantemente.

mauritosuarez · #4 (**permalink**) 14/01/2015, 12:01

Yo para leer un xml con jquery utilizo este script, fijate si podes adaptarlo a tus necesidades.

Código Javascript:

Ver original$(document).ready(function(){
//the variable to be appended here
$("#Autom").append("<ul></ul>");
});
$.ajax({
type: "GET",
url: "cars.xml",
dataType: "xml",
success: function(xml) {
}
$(xml).find('car').each(function(){
var Titles = $(this).find('Title').text();
var Manufacturers = $(this).find('Manufacturer').text();
$("<li></li>").html(Titles + "-" + Manufacturers).appendTo("#Autom ul");
});
error: function() {
alert("The XML File could not be processed correctly.");
}
});

Espero te sirva.

Saludos.

grossbergsteven · #5 (**permalink**) 14/01/2015, 12:09

Ya modifique y no hace nada:

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title></title>
  <link rel="stylesheet" href="">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
  <script>
  $(document).ready(function(){
$("#Autom").append("<ul></ul>");
});
$.ajax({
type: "GET",
url: "http://ws1.incasports.com/reporte/logrosdeporte.php?liga=nba",
dataType: "xml",
success: function(xml) {
}
$(xml).find('equipo1').each(function(){
var nombre = $(this).find('nombre').text();
var ref = $(this).find('ref').text();
$("<li></li>").html(nombre + "-" + ref).appendTo("#Autom ul");
});
error: function() {
alert("The XML File could not be processed correctly.");
}
});   
  </script>
</body>
</html>

mauritosuarez · #6 (**permalink**) 14/01/2015, 12:12

Fijate de probar el script que te pase con un xml fisico que no sea esa url http://ws1.incasports.com/reporte/lo...e.php?liga=nba.

Es para verificar que el script te este funcionando.

Saludos.

grossbergsteven · #7 (**permalink**) 14/01/2015, 12:18

Bueno gracias por tu ayuda, cree el xml en local y pasa lo mismo, osea nada, seguiré intentando

mauritosuarez · #8 (**permalink**) 14/01/2015, 12:31

mira yo tengo este xml.

cars.xml

Código XML:

Ver original<?xml version="1.0" encoding="ISO-8859-1"?>
<members>
   <id>3422345</id>
   <name>Bill Gates</name>
   <id>232311</id>
   <name>Bob Barker</name>
</members>

y este es mi código jquery llamado text.php

Código PHP:

Ver original<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title></title>
  <link rel="stylesheet" href="">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
            type: "GET",
            url: "cars.xml", /* el archivo se encuentra en la misma carpeta */
            cache: false,
            dataType: "xml",
            success: function(xml) {
                $(xml).find('members').each(function(){
                    var name = $(this).find("name").text()
                    alert(name);
                });
            }
        });
    });
</script>
</head>
<body>
    
<div id="Autom"></div>
</body>
</html>

Y me funciona correctamente.

Saludos.

grossbergsteven · #9 (**permalink**) 14/01/2015, 12:54

I, prove tus archivos y sirven, en mi caso es que necesito los atributos de unos elementos como nombre y ref, y haay que saber bien como llamarlos, hasta ahora no he podido, pero sigo intentando, gracias.

grossbergsteven · #10 (**permalink**) 14/01/2015, 15:00

Quisiera aunque sea poder visualizar un atributo, con solo uno me basta estoy utilizando este y nada

Código HTML:

Ver original$(document).ready(function(){
    $("#dvContent").append("<ul></ul>");
   $.ajax({
      type: "GET",
      url: "logros.xml",
      dataType: "xml",
     success: function(xml){
      $(xml).find('juego').each(function(){
        var name = $(this).att('nombre').text();
        
        $("<li></li>").html(name).appendTo("#dvContent ul");
      });
    },
    error: function() {
      alert("An error occurred while processing XML file.");
    }
    });
  });

ayuda por favor

grossbergsteven · #11 (**permalink**) 15/01/2015, 09:09

Voy a dar un ejemplo mas sencillo a ver si me pueden ayudar
este es el xml:

Código XML:

Ver original<?xml version='1.0' encoding='UTF-8' ?>
<logros>
<juego liga='NBA'  >
<equipo1 fecha='2015-01-15' hora='15:35:00' nombre='New York Knicks' referencia='501' ml='0' rl='0 0' ab='0u0' srl='0 0' pml='0' prl='0 0' pab='0u0'/>
<equipo2 nombre='Milwaukee Bucks' referencia='502' ml='0' rl='0 0' ab='0u0' srl='0 0' pml='0' prl='0 0' pab='0u0'/>
</juego>
<juego liga='NBA'  >
<equipo1 fecha='2015-01-15' hora='20:35:00' nombre='Oklahoma City Thunders' referencia='503' ml='0' rl='1.5 -110' ab='208u-115' srl='0 0' pml='0' prl='0.5 -110' pab='0u0'/>
<equipo2 nombre='Houston Rockets' referencia='504' ml='0' rl='-1.5 -110' ab='208u-115' srl='0 0' pml='0' prl='-0.5 -110' pab='0u0'/>
</juego>
<juego liga='NBA'  >
<equipo1 fecha='2015-01-15' hora='23:05:00' nombre='Cleveland Cavaliers' referencia='505' ml='0' rl='-5.5 -110' ab='204.5u-115' srl='0 0' pml='0' prl='-3 -110' pab='0u0'/>
<equipo2 nombre='LA Lakers' referencia='506' ml='0' rl='5.5 -110' ab='204.5u-115' srl='0 0' pml='0' prl='3 -110' pab='0u0'/>
</juego>
</logros>

de el quiero obtener utilizando ajax con jquery los nombres de los equipo 1 y 2 el problema es que estos son atributos y leyendo encontré que que se llaman con

Código Javascript:

Ver original.attr(nombre);

pero nada no funciona

Muchas gracias a quien me pueda ayudar

grossbergsteven · #12 (**permalink**) 16/01/2015, 11:26

Bueno queria compartir que dando tumbos logre hacer un codigo que me lee al menos el nombre del ultimo equipo 1, osea no logro iterar todos los equipo1 pero al menos es algo, si me pueden ayudar se los agradezco. el codigo es el siguiente:

Código HTML:

Ver original<html>
<head>
<title>NBA</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
 $.ajax({
  type: "GET",
  url: "logros.xml",
  dataType: "xml",
  async: false,
  success: function (xml) {
 
    $(xml).find("equipo1").each(function(){
      n1 = $(this).attr("nombre");
  });
 }
});
 document.write(n1);
</script>
</head>
<body>
</body>
</html>