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!
Por Daniel Londoño el 15 de Noviembre de 2013
header('Cache-Control: no-cache, must-revalidate');
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
header('Content-type: application/json');
Por devpy el 29 de Noviembre de 2013
$.ajax() --> también podemos utilizar JSON con el dataType: "Json".
Saludos. //devpy