Scribd
Cargar
123 vistas

PHP JSON Jquery PDF

Este documento describe cómo cargar datos desde una base de datos MySQL a un archivo JSON utilizando PHP Data Objects (PDO) y jQuery. Primero, se conecta a la base de datos y ejecuta un query SQL con PDO para obtener los datos deseados. Luego, los resultados se codifican a formato JSON con la función json_encode() de PHP. Finalmente, jQuery usa el método getJSON() para hacer una solicitud al archivo PHP y cargar dinámicamente los datos JSON obtenidos en la página web.

Cargado por

carlinopr
Derechos de autor
© Attribution Non-Commercial (BY-NC)
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
123 vistas

PHP JSON Jquery PDF

Este documento describe cómo cargar datos desde una base de datos MySQL a un archivo JSON utilizando PHP Data Objects (PDO) y jQuery. Primero, se conecta a la base de datos y ejecuta un query SQL con PDO para obtener los datos deseados. Luego, los resultados se codifican a formato JSON con la función json_encode() de PHP. Finalmente, jQuery usa el método getJSON() para hacer una solicitud al archivo PHP y cargar dinámicamente los datos JSON obtenidos en la página web.

Cargado por

carlinopr
Derechos de autor
© Attribution Non-Commercial (BY-NC)
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 2

Cmo cargar data con JSON, Jquery, PHP y MySQL usando PDO

La extensin Objetos de Datos de PHP (PDO) es una interfaz ligera, para acceder a bases de datos con PHP, es decir, es una capa de abstraccin de acceso a datos. Por default WampServer PHP habilita la extensin php_PDO_MySQL, si no se encuentra incluida puede ser aadida directamente en php.ini. Primero se crea el archivo PHP (get_clientes.php) que se conectar a la base de datos y cargar los datos. Para el siguiente ejemplo se cargan los clientes del grupo de clientes definido por el parmetro tomado de $_GET.

<?
$dsn = "mysql:host=".EWRPT_CONN_HOST.";dbname=".EWRPT_CONN_DB.""; $usuario= EWRPT_CONN_USER; $password = EWRPT_CONN_PASS; $pdo = new PDO($dsn, $usuario, $password); $grupocliente=$_GET[x_grupocliente]; $rows = array(); If (isset($grupocliente)) { $stmt = $pdo->prepare("SELECT cliente, nomcliente FROM ti_clientes WHERE grupocliente = ? ORDER BY fec_nac DESC"); $stmt->execute(array($grupocliente)); $rows = $stmt->fetchAll(PDO::FETCH_ASSOC); } echo json_encode($rows);

?>

Luego de ejecutar el query se obtiene el resultado con fetchAll que devuelve todas las filas y columnas
en un array secuencial en un solo paso. Es decir, que $rows contiene un objeto iterable con todas las tuplas. El parmetro de fetchAll (PDO::FETCH_ASSOC) permite obtener un array indexado por los nombres de las
columnas del conjunto de resultados.

Luego, para crear una cadena en formato JSON en PHP se dispone de una funcin llamada json_encode(), que recibe el arreglo que se quiere convertir en notacin JSON y devuelve una cadena de texto con el JSON producido. Para el ejemplo, la devolucin ser un arreglo de arreglos:
[{"cliente":"3","nomcliente":"Juan Perez"},{"cliente":"4","nomcliente":"Martn Roberts"} ]

El explorador almacenar en cach el resultado para peticiones iguales si est configurado para esto. Ahora es necesario definir el archivo html/javascript que manejar los datos:
<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>Clientes</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <script language="javascript" type="text/javascript">

Para ello usamos la librera JQUERY 1.6.1. Ntese que getJSON invoca a get_clientes.php para obtener los datos de la base de datos MySQL y define la funcin grupoclientes dentro de la cual se itera para cada grupo de clientes y se forma una lista de botones de opcin que se traslada al <span> de grupos que se carg en la variable html.
$(document).ready(function() { $.getJSON('get_clientes.php', function(grupoclientes) { var html = '';

$.each(grupoclientes, function(index, array) {


html = html + '<input type="radio" name="grupoClientes" value="' + array['nomcliente'] + '" /><label>' + array['nomcliente'] + '</label><br> '; }); $('#grupos').html(html); }); }); </script> </head> <form> <div> Grupo de clientes: <span id="grupos"></span>

</div>
</form>

También podría gustarte