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

2 votes117 views2 answers
Best way to detect mobile device jquery
Javascript jQuery
1 vote105 views4 answers
Id to id for append jquery
Javascript jQuery
8 votes120 views5 answers
Radio button checked event jquery
Javascript jQuery
-1 vote108 views2 answers
Notify jquery
Javascript jQuery
0 vote114 views1 answer
Iseet jquery
Javascript jQuery
1 vote105 views2 answers
How to wait till jquery post request has been made
Javascript jQuery
14 votes109 views5 answers
Append after element jquery
Javascript jQuery
0 vote122 views2 answers
Jquery empty all forms
Javascript jQuery
0 vote122 views2 answers
How to determin if element is in viewport with jquery
Javascript jQuery
0 vote109 views1 answer
Gif Animation on Image jquery
Javascript jQuery