Question

我正在尝试从动态表单字段和值

创建JSOn

当用户提交时，我想在#results

中显示json feed

我在下面有以下代码段：

<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

如何从表单值创建JSON？

2 个答案: