3.2.11

Usar AJAX con JQuery

JQuery nos permite utilizar AJAX de una manera muy sencilla (como siempre), sin demasiadas lineas de código y simplificandonos la tarea de recordar la formulas para que funcione:

Código
                    $.ajax({
                        type: "GET",
                        url: "/inc/ajax.general.php",
                        data: parametros,
                        success: function(msg){
                           
                                if(msg) {
                                    $("#registros_muro").append(msg);
                                }                           
                            }                       
                    }); // fin del ajax



Lo que vemos acá se entiende de la siguiente manera:
Primeros abrimos la sentencia AJAX con "$.ajax()", luego indicamos el metodo (POST ó GET), luego la direccion física del archivo PHP que utilizará nuestra sentencia AJAX, seguido de los parametros (en este caso los parametros fueron previamente definidos en la variable "parametros"), y por último si la función tiene exito definimos una acción, en este ejemplo se agrega el resultado conseguido dentro del DIV con ID "registros_muro"

CHARSET

Para no dejar olvidados los acentos y "ñ", y evitar que nos los imprima con caracteres raros, debemos indicarle al metodo $.ajax que estamos usando un set de caracteres (charset) latino de la siguiente manera:

$.ajaxSetup({
    'beforeSend' : function(xhr) {
        xhr.overrideMimeType('text/html; charset=iso-8859-1');
    }
});

OJO! Esto debe ir antes de la llamada al metodo $.ajax()

Ademas en el archivo "ajax.general.php" (el archivo que es llamado por ajax) debe tener al inicio el siguiente código:

header('Content-Type:text/html; Charset=iso-8859-1');

ó

header('Content-Type:text/plain; charset=iso-8859-1');

...dependiendo si queremos utilizar el codigo texto obtenido como HTML o como texto plano.

No hay comentarios. :

Publicar un comentario

Sentite libre de comentar, criticar y/o aportar tu granito en este (proyecto de..) mar de conocimiento ;)