Jquery Modulo 4
Click here to load reader
-
Upload
-xzombiedev -
Category
Design
-
view
179 -
download
0
description
Transcript of Jquery Modulo 4
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.