Hi,

Sometimes, we need to convert the data from a form into JSON to send it with Ajax.

I've put now in my projects a code which can do this feature:

#!js
     /**
     * With this approach, we can serialize data (from a form for example) as a JSON object !
     */
     $.fn.serializeJSON = function () {
         var o = {};
         var a = this.serializeArray();
         
         // Retrieve data
         $.each(a, function () {
             if (o[this.name] !== undefined) {
                 if (!o[this.name].push) {
                     o[this.name] = [o[this.name]];
                 }
                 o[this.name].push(this.value || "");
                 
             } else if(this.name.match(/\\[\\]$/g)){
            	 o[this.name] = [];
            	 o[this.name].push(this.value || "");
            	 
             } else {
                 o[this.name] = this.value || "";
             }
         });
         
         // Now clean parameters name
         for(var name in o){
        	 if(name.endWith("[]")){
        		 o[name.replace(/\\[\\]$/g, "")] = o[name];
        		 delete o[name];
        	 }
         }
         
         return o;
     };

An example of use:

#!js
$.ajax(
	"/mail",
	{
		method: "POST",
		contentType: "application/json",
		processData: false,
		data: JSON.stringify($("form:first").serializeJSON())
	}
);

Hope that can helped

Cheers

Julien Roche