Breaking News: Grepper is joining You.com. Read the official announcement!

jquery ajax form submission

Add Answer

Vyas answered on July 25, 2019 Popularity 10/10 Helpfulness 6/10

answer jquery ajax form submission

related jQuery AJAX form submit

related jquery form submit ajax

related jquery ajax form submit example

related jquery form submit ajax

related submit form with ajax

related submit form using ajax

related ajax form submit

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 jquery-ajax submission

Link to this answer
Share Copy Link

Contributed on Dec 22 2020

Vyas

0 Answers Avg Quality 2/10

Closely Related Answers

jQuery AJAX form submit

Comment

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

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 6/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 9/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

ajax form submit

Comment

-1

Ajax jquery form submit

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: ajax

Link to this answer
Share Copy Link

Contributed on Dec 10 2021

Good Grouse

0 Answers Avg Quality 2/10

jquery ajax form submission

Contents

More Related Answers

jquery ajax form submission

Closely Related Answers

jQuery AJAX form submit

jquery form submit ajax

jquery ajax form submit example

jquery form submit ajax

submit form with ajax

submit form using ajax

ajax form submit

Grepper

Documentation

Social

Legal

Contact

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