Los métodos GET y POST en jQuery
Con los métodos get y post podremos solicitar información a una página de internet que utiliza algun lenguaje intermedios en el servidor, como pueden ser PHP, Coldfusion o ASP.- GET - Solicita la información de una página determinada. Puede quedar la información en la memoria caché del navegador.
- POST - Envía la información a ser procesada. Nunca se guarda en memoria caché la información.
<html>
<head>
<meta charset="utf-8">
<title>GET : Lee un poema</title>
<script src="jquery.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(inicio);
function inicio(){
$("button").click(onCargaPoema);
}
function onCargaPoema(){
$.get("poema.php",function(data,status){
$("div").html(data);
});
}
</script>
</head>
<body>
<button>Pulsa para trer un poema del servidor</button>
<div></div>
</body>
</html>
El archivo de poema.php es bastante sencillo:
<?php
$poema = rand(0, 2);
if($poema==0){
print "<h2>POEMA POPULAR</H2>";
print "<p>EN EL AGUA CLARA</p>";
print "<p>QUE BROTA EN LA FUENTE,</p>";
print "<p>UN LINDO PESCADO</p>";
print "<p>SALE DE REPENTE.</p>";
print "<p>LINDO PESCADITO,</p>";
print "<p>NO QUIERES VENIR</p>";
print "<p>A JUGAR CON MI ARO?</p>";
print "<p>VAMOS AL JARDÍN.</p>";
print "<p>MI MAMÁ ME HA DICHO:</p>";
print "<p>'NO SALGAS DE AQUÍ,</p>";
print "<p>PORQUE SI TE SALES</p>";
print "<p>TE VAS A MORIR'.</p>";
print "<h3>Anónimo</h3> ";
} else if($poema==1){
print "<h2>REDONDILLAS</h2>";
print "<p>Hombres necios que acusáis</p>";
print "<p>a la mujer, sin razón,</p>";
print "<p>sin ver que sois la ocasión</p>";
print "<p>de lo mismo que culpáis;</p>";
print "<br>";
print "<p>si con ansia sin igual</p>";
print "<p>solicitáis su desdén,</p>";
print "<p>por qué queréis que obren bien</p>";
print "<p>si las incitáis al mal?</p>";
print "<h3>Sor Juana Ines de la Cruz</h3>";
} else if($poema==2){
print "<h2>NOCTURNO A ROSARIO</h2>";
print "<p>Pues bien, yo necesito</p>";
print "<p>decirte que te adoro,</p>";
print "<p>decirte que te quiero</p>";
print "<p>con todo el corazón;</p>";
print "<p>que es mucho lo que sufro,</p>";
print "<p>que es mucho lo que lloro,</p>";
print "<p>que ya no puedo tanto,</p>";
print "<p>y al grito que te imploro</p>";
print "<p>te imploro y te hablo en nombre</p>";
print "<p>de mi última ilusión.</p>";
print "<h3>MANUEL ACUÑA";
}
?>
NOTA: AMBOS ARCHIVOS DEBEN ESTAR EN EL SERVIDOR.
No hay comentarios:
Publicar un comentario