Saltar al contenido

enviar formulario usando un ejemplo de código javascript ajax

Ya no tienes que buscar más por todo internet porque estás al sitio perfecto, contamos con la solución que quieres pero sin complicarte.

Ejemplo 1: envío de formulario jQuery AJAX

// jQuery ajax form submit example, runs when form is submitted$("#myFormID").submit(function(e)
    e.preventDefault();// prevent actual form submitvar form =$(this);var url = form.attr('action');//get submit url [replace url here if desired]
    $.ajax(
         type:"POST",
         url: url,
         data: form.serialize(),// serializes form inputsuccess:function(data)console.log(data);););

Ejemplo 2: envío de formulario jquery ajax

$(function()$('form.my_form').submit(function(event)
    event.preventDefault();// Prevent the form from submitting via the browservar form =$(this);
    $.ajax(
      type: form.attr('method'),
      url: form.attr('action'),
      data: form.serialize()).done(function(data)// Optionally alert the user of success here...).fail(function(data)// Optionally alert the user of an error here...);););

Ejemplo 3: ajax enviar datos de formulario

<form id="contactForm1" action="/your_url" method="post"><!--Form input fields here(do not forget your name attributes).--></form><script type="text/javascript">var frm =$('#contactForm1');

    frm.submit(function(e)

        e.preventDefault();

        $.ajax(
            type: frm.attr('method'),
            url: frm.attr('action'),
            data: frm.serialize(),success:function(data)console.log('Submission was successful.');console.log(data);,error:function(data)console.log('An error occurred.');console.log(data);,););</script>

Ejemplo 4: ejemplo de envío de formulario jquery ajax

$.ajax(
			    type:"POST",
			    url:"upload.php",
			    data: name:name, mobile:mobile, address:address, city:city ,		    
			    dataType:"json",success:function(result));

Eres capaz de añadir valor a nuestro contenido informacional añadiendo tu veteranía en las explicaciones.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *