jueves, 9 de agosto de 2012

Pasar variables a un archivo php con jQuery

Con jquery podemos pasarle parametros como variables a nuestro archivo php como si fuera que estamos insertando en la direccion del navegador manualmente las variables y valores claro si se trata del metodo GET.

Jquery gracias a la tecnologia AJAX nos da dos funciones .get y .post el cual cumplen las mismas funciones del transpaso de variables de php con el GET uno puede observar en el navegador osea pasar mediante la url y el POST sin embargo lo maneja el servidor internamente y es transparente para el usuario no se visualiza en la url.

Mostraremos un ejemplo con el metodo .get:

Primero crearemos nuestro archivo php donde recibiremos las variables:
isset($_GET['var1']) ? $var1 = $_GET['var1'] : $var1 = '';
isset($_GET['var2']) ? $var2 = $_GET['var2'] : $var2 = '';
echo 'Esto retorna desde mi php: ' . $var1 . ' ' . $var2;


Ahora crearemos nuestro archivo js para llamar a nuestro archivo php con la funcion .get() de jquery en el primer parametro indicamos la url del archivo php, en el segundo especificamos como array la o las variables, en el tercero podemos llamar a otra funcion o simplemente declarar una variable dentro de ella para recibir el mensaje retornado por nuestro archivo php en nuestro caso nos retornara la sentencia echo pero si hubiese algun error producido por php nos alojara ese mensaje:
var datos = {var1: 'ola', var2: 'mundo'}
.get('archivo.php', datos, function(vretorna){
  alert(vretorna);
});

Ahora al ejecutar el codigo nos deberia de retornar 'Esto retorna desde mi php: ola mundo'.
El cual si se fijan es lo mismo que poner en la url de nuestro navegador archivo.php?var1=ola&var2=mundo

Y lo mismo podes hacer con el metodo .post() de jquery no hay diferencia de manejo solo en el tratado de recibir las varaibles ya que tendremos que recibirlo con el metodo $_POST[] de php.

1 comentario: