HTML - Como mostrar un dato de un archivo JSON en un HTML actualizable

 
Vista:
sin imagen de perfil
Val: 1
Ha disminuido su posición en 23 puestos en HTML (en relación al último mes)
Gráfica de HTML

Como mostrar un dato de un archivo JSON en un HTML actualizable

Publicado por fernando (1 intervención) el 25/10/2019 07:40:36
Estoy buscando la manera de recuperar un dato dentro de un archivo JSON y este poder mostrarlo en un HTML y que se actualice cada que recibo el JSON otra vez, estoy recuperando el JSON con un codigo php lo muestro abajo, alguna recomendacion de como manipular el codigo con php?, estuve investigando y una opcion es utilizar javascript y ajax, pero en realidad son temas nuevos para mi, por eso pido ayuda, saludos.

1
2
3
4
5
6
7
8
9
10
11
12
13
<?php
   $_id = $_GET["id"];
   $_data = $_GET["data"];
   $_time = $_GET["time"];
   if ( $fl = fopen('sigfoxData.json','a')) {
     fwrite($fl,"\"data\": { \"id\" : \"". $_id . "\","
                           ."\"data\" : \"". $_data . "\","
                           ."\"time\" : \"". $_time . "\" }\n" );
  fclose($fl);
 
 
  }
?>
este es el formato del json que recupero

"data": { "id" : "449CA9","data" : "5eaf10","time" : "1571962503" }
"data": { "id" : "449CA9","data" : "66b310","time" : "1571962524" }
"data": { "id" : "","data" : "","time" : "" }
"data": { "id" : "","data" : "","time" : "" }
"data": { "id" : "","data" : "","time" : "" }
"data": { "id" : "","data" : "","time" : "" }
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de info
Val: 10
Ha aumentado su posición en 2 puestos en HTML (en relación al último mes)
Gráfica de HTML

Como mostrar un dato de un archivo JSON en un HTML actualizable

Publicado por info (4 intervenciones) el 25/10/2019 08:40:38
Hola Fernando, te he preparado un ejemplo de como funcionan las peticiones AJAX para mostrar la hora del servidor recibiendo un JSON.

Ejemplo con JavaScript nativo: https://www.lawebdelprogramador.com/codigo/JavaScript/5607-Mostrar-la-hora-del-servidor-con-peticion-AJAX-con-JavaScript.html

Ejemplo con JQuery: https://www.lawebdelprogramador.com/codigo/JQuery/5608-Mostrar-la-hora-del-servidor-con-peticion-AJAX-con-JQuery.html
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar