domingo, 29 de septiembre de 2013

Enviar un STRING mediante GET con JavaScript

Me preguntaron hace unos días:

Oye Fer, cómo se puede enviar una cadena de caracteres (STRING) por GET para poder usarlo en otro archivo, pero sin usar un FORM ?

La respuesta más sencilla era esa: un formulario. Pero luego pensé: y si quiero enviarlo sin hacer un refresh de nada, y si son valores obtenidos de un QUERY, y si... ?

Por supuesto, la opción lógica es una: JavaScript.

Perdón, me gusta contar historias y a veces no puedo parar.

Sin más les dejo cómo hacerlo:

Se puede lograr usando la función ONCLICK en cualquier etiqueta que la soporte, usaré una imagen como ejemplo:
<img src="/ruta/imagen.png" onclick="enviar_string_get('string a enviar por get')">
Toma en cuenta que el nombre del método lo puedes cambiar por el que más te guste.

Ahora veremos el método que recibe la cadena:
function enviar_string_get(cadena){
          $('#content').load('archivo_que_recibe.php?id='+escape(cadena));
}

 Como pueden ver usé el método .load() para cargar, en un DIV, el archivo que recibirá el GET para su manipulación y, en este caso, mostrar la información necesaria.

El método .scape() es el que se encarga de convertir la cádena en un texto legible para el servidor.

Fácil, verdad ?

Espero les haya ayudado.

Nos leemos en la otra.

Y ya saben, si tiene alguna duda o quieren algo en especial sólo pídanlo.

Como dice aquel cantante: Mientras el público siga aplaudiendo, Chente sigue cantando.

No hay comentarios:

Publicar un comentario