Jquery Modulo 4
Click here to load reader
-
Upload
-xzombiedev -
Category
Design
-
view
178 -
download
0
description
Transcript of Jquery Modulo 4
![Page 1: Jquery Modulo 4](https://reader038.fdocuments.co/reader038/viewer/2022100507/557ae74fd8b42a590b8b54c2/html5/thumbnails/1.jpg)
Módulo 4.post y .ajax
![Page 2: Jquery Modulo 4](https://reader038.fdocuments.co/reader038/viewer/2022100507/557ae74fd8b42a590b8b54c2/html5/thumbnails/2.jpg)
Índice$.post$.ajaxEjemploEjercicio
![Page 3: Jquery Modulo 4](https://reader038.fdocuments.co/reader038/viewer/2022100507/557ae74fd8b42a590b8b54c2/html5/thumbnails/3.jpg)
$.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
});
![Page 4: Jquery Modulo 4](https://reader038.fdocuments.co/reader038/viewer/2022100507/557ae74fd8b42a590b8b54c2/html5/thumbnails/4.jpg)
$.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);
} });
![Page 5: Jquery Modulo 4](https://reader038.fdocuments.co/reader038/viewer/2022100507/557ae74fd8b42a590b8b54c2/html5/thumbnails/5.jpg)
Ejemplos● ejemplo1-mod4.html● ejemplo1-mod4.html
![Page 6: Jquery Modulo 4](https://reader038.fdocuments.co/reader038/viewer/2022100507/557ae74fd8b42a590b8b54c2/html5/thumbnails/6.jpg)
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.