logoSeCOrTo

Uso de jquery con ajax

July 07, 2011

Recientemente ando experimentando con ajax, usando como framework jquery, implementando elementos css3 y entre todo ese sancocho he encontrado lo siguiente:

claro no aspiren que sea eficiente Para cargar una pagina y un script

function contenido(pagina) {
$('#content').load(pagina + '.html')
//cargar una pagina dada en un div cuyo id sea content
$.getScript(pagina + '.js') //cargar un script
}

Para cargar un date query en el main

$(document).ready(function () {
$('#datepicker').datepicker()
})

Usado en el documento externo cargar un formulario enviarlo por post y que lo procese un php, forma ideal

$("#formulario").submit( function () {
$.ajax({
type: 'POST',
url: $(this).attr('action')
data: $(this).serialize(),
// Mostramos un mensaje con la respuesta de PHP
success: function(data) {
alert(data);
}
});
return false;
});

forma exageradamente burda y funcional

<form action="recibidos.php" autocomplete="on" id="formulario"
method="POST" name="formulario" onsubmit="
$.ajax({
type: 'POST',
url: 'recibidos.php',
data: $(this).serialize(),
// Mostramos un mensaje con la respuesta de PHP
success: function(data) {
alert(data);
}
});
return false;
">
...
</form>

Sergio Orozco Test Automation Engineer.