Luego de ver en un artículo anterior como hacer POST mediante JQuery veremos en este como realizar una petición GET también usando JQuery, sin más veamos como podemos realizar esta acción:
Al igual que el método POST, el método GET es uno de los más utilizados para realizar peticiones y adquirir datos desde el servidor en una petición HTTP.
En JQuery el método get tiene la siguiente sintaxis:
$.get(URL,callback);
Con lo cual pasamos la url donde se encuentra nuestro script y recibimos datos de regreso en un callback, este parámetro no es de uso obligatorio, pero es de bastante utilidad para saber cuando las acciones se han realizado con éxito.
Para este ejemplo veamos como podemos cargar datos mediante el método get de JQuery de una consulta a una base de datos en un div, así:
[cc lang=»html»]
< !DOCTYPE html>
[/cc]
Nuestro ejemplo llama a un archivo php que hace la consulta:
[cc lang=»php»]
< ?php
require("conexion.php");
$con = Conectar();
$sql = "SELECT id, nombres, ocupacion, telefono, sitioweb FROM personas";
$stmt = $con->prepare($sql);
$result = $stmt->execute();
$rows = $stmt->fetchAll(\PDO::FETCH_OBJ);
foreach($rows as $row){
?>
< ?php
}
?>
[/cc]
y como resultado obtenemos al hacer click en el botón un div con todos los datos de nos arroja el script php, esta es una forma muy útil de llamar información sin recargar la página ya que nos permite brindarle al usuario una mejor experiencia y mayor rendimiento en el uso de la aplicación.
Hasta pronto!.
Byspel