Uso de jquery con ajax

Thursday, July 7, 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>