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