如何從表單值創建JSON？

Question

我試圖從動態表單字段和值創建JSON，

當用戶提交，我想顯示#results

的JSON提要下面我有下面的代碼片段：

<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

我想你對JSON.stringify感興趣？

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

Answer 2

或者，嘗試jquery-json plugin並調用.toJSON（）方法來序列javascript對象，數字，字符串，或者數組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