Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Leer un json desde una url y no desde un archivo

Estas en el tema de Leer un json desde una url y no desde un archivo en el foro de Javascript en Foros del Web. Hola. Estoy intentando coger un json desde una url (http://pere.bocairent.net/z39.php?title=caballos) para después pasarlo a un objeto de javascript. Después de mucho buscar solo encuentro soluciones ...
  #1 (permalink)  
Antiguo 15/10/2013, 12:55
 
Fecha de Ingreso: octubre-2012
Mensajes: 45
Antigüedad: 7 años, 1 mes
Puntos: 2
Pregunta Leer un json desde una url y no desde un archivo

Hola.
Estoy intentando coger un json desde una url (http://pere.bocairent.net/z39.php?title=caballos) para después pasarlo a un objeto de javascript.
Después de mucho buscar solo encuentro soluciones de pasar de archivo json a objeto javascript pero nada de coger directamente ese contenido json de una url para convertirlo después.
¿De que manera podría?
  #2 (permalink)  
Antiguo 15/10/2013, 13:06
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 6 años, 2 meses
Puntos: 578
Respuesta: Leer un json desde una url y no desde un archivo

Te refieres a parsearlo?

https://developer.mozilla.org/en-US/...cts/JSON/parse
  #3 (permalink)  
Antiguo 15/10/2013, 15:30
 
Fecha de Ingreso: octubre-2012
Mensajes: 45
Antigüedad: 7 años, 1 mes
Puntos: 2
Respuesta: Leer un json desde una url y no desde un archivo

Lo que intento hacer es, bueno... si, parsearlo pero no proviniendo de un archivo .json, si no desde una url. Sería obtener los datos de la url antes mencionada para tratarlo posteriormente.
  #4 (permalink)  
Antiguo 15/10/2013, 17:42
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.594
Antigüedad: 17 años, 7 meses
Puntos: 1277
Respuesta: Leer un json desde una url y no desde un archivo

Hola:

Revisa nuestras FAQs que yo mismo puse como recibir datos por url...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #5 (permalink)  
Antiguo 15/10/2013, 18:43
 
Fecha de Ingreso: octubre-2012
Mensajes: 45
Antigüedad: 7 años, 1 mes
Puntos: 2
Respuesta: Leer un json desde una url y no desde un archivo

Me dirás de todo, pero no encuentro exactamente en que parte de las FAQs está. Este sitio es enorme y ni con el buscador.
  #6 (permalink)  
Antiguo 16/10/2013, 01:12
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.594
Antigüedad: 17 años, 7 meses
Puntos: 1277
Respuesta: Leer un json desde una url y no desde un archivo

Hola:

Este es el mensaje: ¿Como recoger Datos por url?.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #7 (permalink)  
Antiguo 16/10/2013, 05:40
 
Fecha de Ingreso: octubre-2012
Mensajes: 45
Antigüedad: 7 años, 1 mes
Puntos: 2
Respuesta: Leer un json desde una url y no desde un archivo

No es exactamente eso lo que digo. Lo que dices tú parece como que es para recoger datos de la dirección url. Yo a lo que me refiero es a de una pagina web en concreto coger los datos que hay en formato json y ya luego según se, convertirlos en un objeto de javascript con eval. La url es http://pere.bocairent.net/z39.php?title=caballos . Mírala si quieres hacerte una idea de lo que quiero extraer.
  #8 (permalink)  
Antiguo 16/10/2013, 07:34
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Sabadell
Mensajes: 4.897
Antigüedad: 11 años, 8 meses
Puntos: 574
Respuesta: Leer un json desde una url y no desde un archivo

http://www.w3schools.com/jquery/ajax_getjson.asp

jquery... no es que sea de mi admiración...

Código Javascript:
Ver original
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
  5. </script>
  6. <script>
  7. $(document).ready(function(){
  8.   $("button").click(function(){
  9.     $.getJSON("http://pere.bocairent.net/z39.php?title=caballos",function(result){
  10.       $.each(result, function(i, field){
  11.         $("div").append(field + " ");
  12.       });
  13.     });
  14.   });
  15. });
  16. </script>
  17. </head>
  18. <body>
  19.  
  20. <button>Get JSON data</button>
  21. <div></div>
  22.  
  23. </body>
  24. </html>
__________________
Quim
--------------------------------------------------
Ayudar a ayudar es una buena práctica!!! Y da buenos resultados.
  #9 (permalink)  
Antiguo 16/10/2013, 07:45
 
Fecha de Ingreso: octubre-2012
Mensajes: 45
Antigüedad: 7 años, 1 mes
Puntos: 2
Respuesta: Leer un json desde una url y no desde un archivo

Ups! Olvide comentar que no me dejan gastar jquery.
  #10 (permalink)  
Antiguo 16/10/2013, 08:11
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 6 años, 2 meses
Puntos: 578
Respuesta: Leer un json desde una url y no desde un archivo

Estás usando ajax???

No se ni que preguntar
  #11 (permalink)  
Antiguo 16/10/2013, 08:27
 
Fecha de Ingreso: octubre-2012
Mensajes: 45
Antigüedad: 7 años, 1 mes
Puntos: 2
Respuesta: Leer un json desde una url y no desde un archivo

Ajax si que podría usar. Pero nada de jquery, mootols o similares.
  #12 (permalink)  
Antiguo 16/10/2013, 08:34
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 6 años, 2 meses
Puntos: 578
Respuesta: Leer un json desde una url y no desde un archivo

Esque tienes que usar ajax si o si. Léete esto:

http://falcon80.com/JSON/JSONandAJAX.html

Y si tienes dudas nos comentas.
  #13 (permalink)  
Antiguo 16/10/2013, 09:47
 
Fecha de Ingreso: octubre-2012
Mensajes: 45
Antigüedad: 7 años, 1 mes
Puntos: 2
De acuerdo Respuesta: Leer un json desde una url y no desde un archivo

¡Funciona!

Con el código siguiente va perfecto:

Código:
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">

<script type="application/javascript">
function loadJSON()
{
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{

// Parse the JSON data structure contained in xmlhttp.responseText using the JSON.parse function.
var JSONObject = JSON.parse(xmlhttp.responseText);

// The JSONObject variable now contains the data structure and can be accessed as JSONObject.firstName and
// JSONObject.lastName. Assign the object members to the DOM elements FirstName and LastName so that they get
// displayed on the page
document.getElementById("FirstName").innerHTML = JSONObject.language;
document.getElementById("LastName").innerHTML = JSONObject.isbn;
}
}
xmlhttp.open("GET","http://pere.bocairent.net/z39.php?title=caballos",true);
xmlhttp.send();
}
</script>

<title>JSON and AJAX</title>
</head>
<body>
<div id="FirstName">Prince</div>
<div id="LastName">Vivian</div>
<button type="button" onclick="loadJSON()">Update Name</button>
<h2>Click this button to update the page</h2>
</body>
</html>
GET READY TO THE NEXT FIGHT!
Gracias a todos. Marco como solucionado.

Etiquetas: json, objeto, parse, url
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 07:50.