如何从表单值创建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