// jQuery ajax form submit example, runs when form is submitted
$("#myFormID").submit(function(e) {
    e.preventDefault(); // prevent actual form submit
    var 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 input
         success: function(data){
             console.log(data);
         }
    });
});

Popularity 10/10 Helpfulness 10/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jul 25 2019

Grepper

0 Answers Avg Quality 2/10

how to submit form using ajax

Comment

// First add jquery
// <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

$(document).ready(function() {
  $("#myForm").on('submit', (function(e) {
    e.preventDefault();
    $.ajax({
      url: $(this).attr('action'),
      type: "POST",
      data: new FormData(this),
      contentType: false,
      cache: false,
      processData: false,
      success: function(response) {
        $("#myForm").trigger("reset"); // this line is to reset form input fields
        alert('submitted');
      },
      error: function(e) {
      	alert('Failed to sumit');
      }
    });
  }));
});
//don't forget to add csrf token

Popularity 10/10 Helpfulness 7/10 Language javascript

Source: Grepper

Tags: ajax

Link to this answer
Share Copy Link

Contributed on Sep 27 2022

Isaac

0 Answers Avg Quality 2/10

jquery ajax form submission

Comment

$(function() {
  $('form.my_form').submit(function(event) {
    event.preventDefault(); // Prevent the form from submitting via the browser
    var 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...
    });
  });
});

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Dec 22 2020

Vyas

0 Answers Avg Quality 2/10

ajax submit form data

Comment

<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>

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: ajax

Link to this answer
Share Copy Link

Contributed on Jan 09 2021

Uninterested Unicorn

0 Answers Avg Quality 2/10

jquery form submit ajax

Comment

    $(document).on('click', '#save_province', function () {
        var a = $("#province").val(), b = $("#district").val(), c = getParameterByName('supplier_id');
        $.ajax({
            url: "postavshik_save.php",
            type: "POST",
            data: {
                province: a,
                district: b,
                supplier_id: c,
            },
            beforeSend: function () {
                $("#province").attr("disabled", !0), $("#district").attr("disabled", !0);
            },
            success: function (a) {
                alert("Post so`rov yuborildi javob olindi");
            }
        });
    });

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: ajax

Link to this answer
Share Copy Link

Contributed on Sep 13 2021

Shadow

0 Answers Avg Quality 2/10

jquery ajax form submit example

Comment

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

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: wlearnsmart.com

Tags: form-submit form

Link to this answer
Share Copy Link

Contributed on Nov 23 2020

Black Bat

0 Answers Avg Quality 2/10

jquery form submit ajax

Comment

// Assume the form has an id of "myForm"
$(document).ready(function() {
  $('#myForm').submit(function(e) {
    e.preventDefault(); // Prevent default form submission

    // Get the form data
    var formData = $(this).serialize();

    // Make an AJAX request
    $.ajax({
      type: 'POST',
      url: 'your-endpoint-url',
      data: formData,
      success: function(response) {
        // Handle the successful response
      },
      error: function(xhr, status, error) {
        // Handle error
      }
    });
  });
});

Popularity 7/10 Helpfulness 4/10 Language javascript

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

submit form with ajax

Comment

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

  <script>
      $(document).ready(function () {
          // отслеживаем событие отправки формы
          $('#id_username').keyup(function () {
              // создаем AJAX-вызов
              $.ajax({
                  data: $(this).serialize(), // получаяем данные формы
                  url: "{% url 'validate_username' %}",
                  // если успешно, то
                  success: function (response) {
                      if (response.is_taken == true) {
                          $('#id_username').removeClass('is-valid').addClass('is-invalid');
                          $('#id_username').after('<div class="invalid-feedback d-block" id="usernameError">This username is not available!</div>')
                      }
                      else {
                          $('#id_username').removeClass('is-invalid').addClass('is-valid');
                          $('#usernameError').remove();

                      }
                  },
                  // если ошибка, то
                  error: function (response) {
                      // предупредим об ошибке
                      console.log(response.responseJSON.errors)
                  }
              });
              return false;
          });
      })
  </script>

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: ajax

Link to this answer
Share Copy Link

Contributed on May 14 2022

Confused Cassowary

0 Answers Avg Quality 2/10

submit form using ajax

Comment

$.post("test.php", $("#testform").serialize());

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: ajax

Link to this answer
Share Copy Link

Contributed on Sep 29 2022

Gibrán Vazquez

0 Answers Avg Quality 2/10

form submit with ajax

Comment

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

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: ajax form-submit javascript

Link to this answer
Share Copy Link

Contributed on Apr 21 2022

Busy Buffalo

0 Answers Avg Quality 2/10

ajax form submit

Contents

More Related Answers

ajax form submit

Closely Related Answers

jQuery AJAX form submit

how to submit form using ajax

jquery ajax form submission

ajax submit form data

jquery form submit ajax

jquery ajax form submit example

jquery form submit ajax

submit form with ajax

submit form using ajax

form submit with ajax

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.