/Javascript/jQuery/Jquery form submit ajax

Jquery form submit ajax

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 form submit ajax

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

Source: stackoverflow.com

Jquery form submit ajax

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

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

Ajax form submit

Ajax jquery form submit

Similar codes

4 votes283 views2 answers
Jquery ajax headers: ( 'authorization': 'bearer)
Javascript jQuery
0 vote291 views2 answers
Get all input values by class jquery
Javascript jQuery
12 votes327 views3 answers
How to add class on the base of has class in jquery
Javascript jQuery
3 votes252 views1 answer
Jquery get document scrolltop
Javascript jQuery
26 votes329 views6 answers
Jquery get radio checked value
Javascript jQuery
21 votes339 views4 answers
Get element by id in Jquery
Javascript jQuery
0 vote307 views1 answer
Animating using jquery
Javascript jQuery
0 vote324 views1 answer
Replace all dashes to slashes using jquery in a string
Javascript jQuery
5 votes287 views3 answers
Block enter key using jquery
Javascript jQuery
6 votes254 views3 answers
Jquery get all checkbox
Javascript jQuery