Skip to content

enviar datos por post – – JQUERY — AJAX

  1. // enviar datos de un formulario por POST
  2.         $(document).ready(function(){
  3.                         $(“#mensaje”).hide();
  4.                         $(“#frmContact”).validate({
  5.                                 event: “blur”,rules: {‘nombre’: “required”,’email’: “required email”,‘consulta’: “required”},
  6.                                 messages: {‘nombre’: “Por favor indica tu nombre”,’email’: “Por favor, indica una dirección de e-mail válida”,‘consulta’: “Por favor, dime algo!”},
  7.                                 debug: true,errorElement: “label”,
  8.                                 submitHandler: function(form){
  9.                                         $(“#mensaje”).show();
  10.                                         $(“#mensaje”).html(“<img src=’ajax-loader.gif’ style=’vertical-align:middle;margin:0 10px 0 0′ /><strong>Enviando mensaje…</strong>”);
  11.                                         $.ajax({
  12.                                                 type: “POST”,
  13.                                                 url:“envio.php”,
  14.                                                 contentType: “application/x-www-form-urlencoded”,
  15.                                                 processData: true,
  16.                                                 data: “nombre=”+escape($(‘#ContactName’).val())+“&email=”+escape($(‘#ContactRecipient’).val())+“&mensaje=”+escape($(‘#ContactMessage’).val()),
  17.                                                 success: function(msg){
  18.                                                         $(“#mensaje”).html(“<strong>Mensaje enviado correctamente. En breve recibir&aacute;s mi respuesta. Gracias!</strong>”);
  19.                                                         document.getElementById(“ContactName”).value=“”;
  20.                                                         document.getElementById(“ContactRecipient”).value=“”;
  21.                                                         document.getElementById(“ContactMessage”).value=“”;
  22.                                                         setTimeout(function() {$(‘#mensaje’).fadeOut(‘fast’);}, 3000);
  23.                                                 }
  24.                                         });
  25.                                 }
  26.                         });
  27.         });