/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

6 votes115 views4 answers
Jquery scroll to element in scrollable div
Javascript jQuery
0 vote111 views2 answers
Required false jquery
Javascript jQuery
0 vote115 views2 answers
Trigger play video jquery
Javascript jQuery
29 votes121 views5 answers
How to get the value of radio button in jquery
Javascript jQuery
30 votes172 views6 answers
Find element with data attribute jquery
Javascript jQuery
1 vote115 views1 answer
Onchange not working input jquery
Javascript jQuery
0 vote127 views1 answer
Jquery droppable allow what can be dropped
Javascript jQuery
0 vote118 views1 answer
How to run the counter when we reach at a specific section in jquery
Javascript jQuery
0 vote121 views1 answer
Uncaught typeerror e.indexof is not a function jquery load
Javascript jQuery
2 votes104 views1 answer
Jquery tag name
Javascript jQuery