Método get con JQuery

jquery

jquery

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í:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
< !DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>get En JQuery</title>
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
</head>
<body>
<button id="boton">Cargar</button>
<div id="resultado"></div>
</body>
<script type="text/javascript">
$("#boton").click(function(){ //Llamamos el selector del boton en el metodo click
$.get("consultar.php", function(data, status){ //pasamos el script que realizala consulta a la base de datos
$("#resultado").html(data); // Mostramos los resultados en el div, haciendo uso del metodo html para procesar los datos.
});
});
</script>
</html>

Nuestro ejemplo llama a un archivo php que hace la consulta:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<?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){
?>
<tr>
<td><?php print($row->id); ?></td>
<td><?php print($row->nombres); ?></td>
<td><?php print($row->ocupacion); ?></td>
<td><?php print($row->telefono); ?></td>
<td><?php print($row->sitioweb); ?></td>
</tr>
<?php
}
?>

get en JQuery

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!.

¡Suscríbete a mi canal, para acceder a más contenidos gratuitos!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *