Comunidad de diseńo web y desarrollo en internet

Crear JSON con PHP y jQuery

Hola a todos. En este videotutorial veremos cómo crear un objeto JSON con PHP, luego haremos uso de jQuery para obtener nuestra data en formato JSON y mostrarla en HTML en nuestro navegador.



Aquí copio los códigos que están en el video:

data.php

Código :

<?php
 
$pregunta = new stdClass();
$pregunta->titulo = "Altitud del monte Everest";
$pregunta->categoria = "Cultura";
$pregunta->respuestas = array("respuesta1"=>8850,"respuesta2"=>8900,"respuesta3"=>8875);
$json = json_encode($pregunta);
echo $json;
 
?>


index.html

Código :

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="../jqueryy.js" type="text/javascript"></script>
 
<script type="text/javascript">
 
$.getJSON('data.php',{format: "json"}, function(data) {
        var valResp="";
        //alert(data['titulo']+'\n'+data['categoria']+'\n'+data['respuestas']['respuesta1']+','+data['respuestas']['respuesta2']+','+data['respuestas']['respuesta3']);
        $("h1").html('titulo:'+data['titulo']);
        $("h3").html('categoria:'+data['categoria']);
        $.each(data['respuestas'], function(key, val) {
        valResp=valResp+'<li id="' + key + '">' + val + '</li>';
        });
        $("ul").html(valResp);
});
 
</script>
 
</head>
<body>
 
<h1></h1>
<h3></h3>
<ul>
</ul>
 
</body>
</html>


Saludos!

Publica tu comentario

o puedes...

żEstás registrado en Cristalab y quieres
publicar tu URL y avatar?

żNo estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate