Módulo 4.post y .ajax

Índice$.post$.ajaxEjemploEjercicio

$.postCarga de datos desde el servidor mediante una petición HTTP POST.

$.post("Archivo que recibe los parámetros enviados",{variable:valor_variable,variable2:valor_variable2},function(data){

// Manipulacion de la informacion recibida desde el archivo// los datos vienen en el objeto data

});

$.ajaxCarga de datos desde el servidor mediante una petición HTTP POST.

$.ajax({ type: "POST", url: "Archivo que recibe los parametros enviados", data: {variable:valor_variable,variable2:valor_variable2},

success: function(){$("#alert").show();$("#alert").removeClass("alert alert-error");$("#alert").addClass("alert alert-success");$("#alert").html("[ EXITO ] Mensaje Enviado");

},error: function(){

$("#alert").show();$("#alert").addClass("alert alert-error");$("#alert").html("[ ERROR ] <strong>NO se pudo enviar el correo</strong>");setTimeout("$('#alert').fadeOut()", 2000);

} });

Ejemplos● ejemplo1-mod4.html● ejemplo1-mod4.html

EjercicioDiseñar y desarrollar una pagina web tipo one simple html que contenga lo siguiente:

- Formulario de contacto de 6 campos, validar que no contenga vacíos, que sea solo texto cuando corresponda, que cada campo tenga un mínimo de caracteres, validar dirección de correo electrónico y run válido.

- Todas las validaciones deben ser manipuladas con CSS y JQuery.