/Javascript/jQuery/Jquery ajax form submission

Jquery ajax form submission

JQuery AJAX form submit

// 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);
         }
    });
});

Jquery ajax form submission

$(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...
    });
  });
});

Source: stackoverflow.com

Jquery ajax form submit example

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

Source: wlearnsmart.com

Similar codes

42 votes222 views6 answers
Jquery get value by name
Javascript jQuery
2 votes235 views1 answer
Enable/disable textbox on checkbox click using jquery
Javascript jQuery
0 vote247 views1 answer
How to count the rows of gridview in asp.net using jquery
Javascript jQuery
93 votes206 views6 answers
Document jquery
Javascript jQuery
10 votes207 views6 answers
Jquery post
Javascript jQuery
1 vote200 views1 answer
Jquery setinterval clear after first attempt
Javascript jQuery
1 vote271 views4 answers
How to make popup modal in jquery with example
Javascript jQuery
21 votes191 views2 answers
Refresh page on button click jquery
Javascript jQuery
0 vote223 views1 answer
Back to top scroll animation jquery
Javascript jQuery
2 votes225 views2 answers
Progressbar jquery 3 ajax
Javascript jQuery