Jquery serialize

var datastring = $("#contactForm").serialize();
$.ajax({
    type: "POST",
    url: "your url.php",
    data: datastring,
    dataType: "json",
    success: function(data) {
        //var obj = jQuery.parseJSON(data); if the dataType is not specified as json uncomment this
        // do what ever you want with the server response
    },
    error: function() {
        alert('error handling here');
    }
});

Source: stackoverflow.com

Jquery form serialize object

$(function(){
  $('form').on('submit', function(e){
    e.preventDefault();
    $(this).serializeObject().done(function(o){
      if(window.console) console.log(o);
      var j = JSON.stringify(o);
      alert(j);
      //window.open("data:image/png;base64," + o.userfile.data);
    });
  });
});

Serializeobject jquery

$.fn.serializeObject = function()
{
   var o = {};
   var a = this.serializeArray();
   $.each(a, function() {
       if (o[this.name]) {
           if (!o[this.name].push) {
               o[this.name] = [o[this.name]];
           }
           o[this.name].push(this.value || '');
       } else {
           o[this.name] = this.value || '';
       }
   });
   return o;
};

Source: stackoverflow.com

Similar codes

24 votes358 views6 answers
Jquery submit form
Javascript jQuery
0 vote356 views1 answer
Jquery insert after next element
Javascript jQuery
0 vote331 views1 answer
Disable jquery ajax call on init
Javascript jQuery
10 votes299 views3 answers
Jquery validation plugin
Javascript jQuery
0 vote394 views1 answer
Un hover in jquery
Javascript jQuery
0 vote320 views1 answer
Get node value in XML using jQuery
Javascript jQuery
5 votes369 views3 answers
Post data from api using jquery ajax
Javascript jQuery
0 vote372 views1 answer
Js require jquery
Javascript jQuery
0 vote359 views1 answer
Get all child inputs in a div element (JQuery)
Javascript jQuery
2 votes346 views2 answers
Jquery get height of element
Javascript jQuery