Uso de jquery con ajax

 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 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>


No hay comentarios:

Publicar un comentario