/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

0 vote171 views1 answer
Jquery.MultiFile
Javascript jQuery
3 votes169 views1 answer
How do i check if JQuery checkbox is checked
Javascript jQuery
0 vote159 views1 answer
Jquery get table to object
Javascript jQuery
13 votes169 views3 answers
Jquery find tag and class
Javascript jQuery
0 vote157 views1 answer
Jquery parent child selector
Javascript jQuery
21 votes161 views5 answers
Jquery run after page load
Javascript jQuery
0 vote168 views2 answers
Jquery noconflict
Javascript jQuery
0 vote173 views1 answer
Send multiple files using formdata jquery
Javascript jQuery
0 vote166 views1 answer
Which jQuery method is used to set one or more style properties to the selected element?
Javascript jQuery
0 vote159 views2 answers
Jquery.validate.unobtrusive dynamic content
Javascript jQuery