Crear JSON con PHP y jQuery

PIN
Share on LinkedInShare on FacebookTweet about this on TwitterShare on Google+

Realizaremos un ejemplo claro que como hacer un petición AJAX con tipo de datos JSON (acrónimo de JavaScript Object Notation)
las explicaciones del script ya estan comentadas dentro de las mismas

la pagina json.php

//aqui una simple conexion a la base de datos
mysql_select_db("maltin",mysql_connect("localhost", "root", "pass"));
//consultamos a la tabla codigos
$sql=mysql_query("select * from codigos");
//definimos las variables
$data=array();
$i=0;
//un while para obtener los datos del array que nos devuelve la base de datos
while ($row=mysql_fetch_array($sql))
{
    //los metemos en una variable
    $data[$i]["id"]=$row[id];
    $data[$i]["letra"]=$row[letra];
    $data[$i]["codigo"]=$row[codigo];
    $data[$i]["estado"]=$row[estado];
    $i++;
}
//y finalmente usamos json_encode una funciona nativa del php que lo formatea
echo json_encode($data);

La pagina index.php que hace el llamado del json.php

$(document).ready(function(){
//una peticion ajax de tipo get con tipo de datos json
//llamamos a la pagina json.php que contiene toda la data
// y si se realizo correctamente mostramos el contenido con un
// each ya que sera un listado y todo lo metemos en una div
    $.ajax({
        type: "GET",
        dataType: "json",
        url: "json.php", 
 
        success : function(data) {
 
                              $.each(data, function(i, item) {
                                    $("div").append(item.id+" "+item.codigo+"")
                               });
 
			}
    })
 
})
Share on LinkedInShare on FacebookTweet about this on TwitterShare on Google+

Hi, I'm luis rodriguez

Hola, Soy Luis Rodriguez, radico en Lima – Perú, formado en una carrera informática, desempeñando desde el 2007 como programador web y viendo proyectos desde Front End y Back End a lo que me perfile como Full Stack. Esta Experiencia junto a mi interés en la Analítica Web me ayudó mucho entender el funcionamiento interno de las herramientas de analítica, con las que vengo trabajo activamente desde 2017. Linkedin

http://luisrodriguez.pe

Leave Your Comments