Pasar variables a un archivo php con jQuery

Con jQuery podemos pasar parámetros como variables a nuestro script php como si fuera que estamos insertando en la barra de URL del navegador manualmente las variables parecido al método GET del protocolo http.

JQuery gracias a la tecnología AJAX nos da dos funciones .get y .post el cual cumplen las mismas funciones del traspaso de variables de php con el GET uno puede observar en el navegador hacer pasar mediante la url y el método POST sin embargo lo maneja el servidor web y es transparente para el usuario donde no se visualiza en la url.

Mostraremos un ejemplo con el método .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 función .get() de jquery en el primer parámetro indicamos la url del archivo php, en el segundo especificamos como array la o las variables, en el tercero podemos llamar a otra función 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 algún 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 código nos debería 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 método .post() de jquery no hay diferencia de manejo solo en el tratado de recibir las variables ya que tendremos que recibirlo con el método $_POST[] de php.

Comentarios

Publicar un comentario

Entradas más populares de este blog

Obtener el anterior y siguiente registro de una tabla MySQL con PHP

Cargar dinamicamente un DropDownListBox con PowerBuilder