/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

1 vote205 views1 answer
Check your page, maybe you import jQuery library twice, the slim version or it is missing.
Javascript jQuery
13 votes174 views6 answers
Check if jquery is loaded
Javascript jQuery
0 vote211 views1 answer
Submit form jquery browser check
Javascript jQuery
1 vote222 views2 answers
Can we add jquery in chrome extension js code
Javascript jQuery
0 vote232 views1 answer
Jquery match height,jquery matchheight
Javascript jQuery
0 vote183 views1 answer
Jquery thousand separator
Javascript jQuery
0 vote192 views2 answers
How to get url parameter using jquery or plain javascript
Javascript jQuery
2 votes231 views2 answers
How to put html inside jquery text
Javascript jQuery
1 vote187 views1 answer
How use for loop in append attribute in jquery
Javascript jQuery
57 votes205 views4 answers
Get input value jquery
Javascript jQuery