javascript - 如何从表单值创建 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 插件并调用 .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