Comment créer un JSON à partir de valeurs de formulaire?

Question

Je suis en train de créer JSON des champs de formulaire dynamiques et les valeurs,

Lorsque l'utilisateur soumet, je veux afficher le flux JSON dans #results

je l'extrait de code ci-dessous:

<form id="myform" class="form-wd"> 
    ............ 
</form> 
<div id="results"> </div> 
</div> 

$('#myform-wiz').on('submit', function(ev) { 
    //alert($(this).serialize()); 
    var data = $(this).serialize(); // -> The URL encoded form data 
    $("#results").text(data); 
    ev.preventDefault(); 
}); 

Answer 1

Je pense que vous êtes intéressé par JSON.stringify?

data = $(this).serialize(); 
    json_data = JSON.stringify(data); 
    $("#results").text(json_data); 

Answer 2

En variante, essayer jquery-json plugin et appeler la méthode .toJSON() pour sérialiser un objet javascript, nombre, une chaîne ou un tableau en JSON.

var thing = {plugin: 'jquery-json', version: 2.3}; 

var encoded = $.toJSON(thing); 
// '{"plugin":"jquery-json","version":2.3}' 
var name = $.evalJSON(encoded).plugin; 
// "jquery-json" 
var version = $.evalJSON(encoded).version; 
// 2.3