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

ajax submit form data

Add Answer

Uninterested Unicorn answered on July 25, 2019 Popularity 10/10 Helpfulness 4/10

answer ajax submit form data

related jQuery AJAX form submit

related Ajax Form All Data Send

related ajax call with form data

related how to submit form using ajax

related jquery form submit ajax

related jquery ajax form submit example

related jquery form submit ajax

related Send forms with ajax

related submit form with ajax

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 form-data javascript submit

Link to this answer
Share Copy Link

Contributed on Jan 09 2021

Uninterested Unicorn

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

Ajax Form All Data Send

Comment

 $('#submit').on('click', function() {
             $.ajax({
                 url: "controller/php/add_project.php",
                 type: "POST",
                 data:  new FormData(document.getElementById("add_project_form")),
                 contentType: false,
                 processData:false,
                 cache: false,
                 success: function(dataResult){
                        console.log(dataResult);
                        var dataResult = JSON.parse(dataResult);
                        
                 },
                 error:function(dataResult){
                     console.log(dataResult);
                     alert('error / Add Project Again');
                 }
             });
         });

Popularity 10/10 Helpfulness 9/10 Language javascript

Source: Grepper

Tags: ajax

Link to this answer
Share Copy Link

Contributed on May 30 2022

faheem

0 Answers Avg Quality 2/10

ajax call with form data

Comment

$.ajax({
    url: "jobs/php/job_single.php?type=500",
    type: "POST",
    data:  new FormData(document.getElementById("form")),
    contentType: false,
    processData:false,
    cache: false,
    success: function(dataResult){
      console.log(dataResult);
      if(dataResult == 999){
        alert("Incomplete Information Provided");
      }
      else{
        if(dataResult == 1){
        	alert("Job Application successful");
        	location.reload();
        }
        else if(dataResult == 0){
        	alert("Error applying for job, Please try again");
        }

      }
    }
});

Popularity 10/10 Helpfulness 8/10 Language javascript

Source: Grepper

Tags: ajax

Link to this answer
Share Copy Link

Contributed on Aug 23 2022

Saad Rehman

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

Send forms with ajax

Comment

$(document).ready(function() {
  function SendFormWithAjax(id) {

    $.ajax({
      type: $(id).attr('method'),
      url: $(id).attr('action'),
      data: $(id).serialize(),

      success: function(data) {
        switch (data) {
          case 'success':
            $(id).trigger("reset"); //Reset form
            swal("Success",
                 "Nice",
                 "success");
            break;

          case 'warning':
            swal("Opps",
                 "Warning",
                 "warning");
            break;

          case 'error':
            swal("Error",
                 "Error",
                 "error");
            break;
        }
      }
    });
  }

  $('#form_one_id').on('submit', function(ev) {
    SendFormWithAjax(id);
    ev.preventDefault();
  });

  $('#form_two_id').on('submit', function(ev) {
    SendFormWithAjax(id);
    ev.preventDefault();
  });
});

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: ajax

Link to this answer
Share Copy Link

Contributed on Sep 02 2022

Rasetz

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

ajax submit form data

Contents

More Related Answers

ajax submit form data

Closely Related Answers

jQuery AJAX form submit

Ajax Form All Data Send

ajax call with form data

how to submit form using ajax

jquery form submit ajax

jquery ajax form submit example

jquery form submit ajax

Send forms with ajax

submit form with ajax

Grepper

Documentation

Social

Legal

Contact

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