Uso de jquery con ajax

menos de 1 minuto de lectura

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>