JSON Con JQUERY En PHP

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+"")

...