来自 TextAreas 的 JSON 对象答案

【问题标题】：JSON Object from TextAreas来自 TextAreas 的 JSON 对象
【发布时间】：2019-03-11 21:09:24
【问题描述】：

我不确定我是否在正确的路径上，但我想将文本区域中的文本转换为 JSON 对象。

有效负载应如下所示。

{
"intent":"SanFransico",
   "examples":[
    {
        "text":"San Fran"
    },
    {
        "text":"Bay Area"
    }
     ]
}

我现在能做的就是在这个文本区域中发送

   <textarea name="intent[intent]">SanFransico</textarea>
   <textarea name="intent[examples][text]">San Fran</textarea>
   <textarea name="intent[examples][text]">Bay Area</textarea>

不幸的是返回的有效载荷如下所示，它不返回第二个文本字段。

{
   "intent":
   {
    "intent":"SanFransico",
     "examples":{
         "text":"Bay Area"
     }
   }
}

我有一个提琴手，我正在试验 whit。 https://jsfiddle.net/8w4tx1pk/

如果这是正确的道路，有什么想法吗？还是我需要更复杂的功能？

【问题讨论】：

标签： jquery stringify

【解决方案1】：

修复你的小提琴后，我能够解决它。

小提琴：https://jsfiddle.net/Twisty/8w4tx1pk/11/

HTML

<div class="container">
  <form id="my-profile">
    <textarea name="intent">San Francisco</textarea>
    <textarea name="examples[][text]">San Fran</textarea>
    <textarea name="examples[][text]">Bay Area</textarea>
    <div class="clearfix">
      <button type="button" id="btnSerialize" class="btn btn-primary pull-right">serializeToJSON</button>
    </div>

    <div class="form-group">
      <textarea id="result" class="form-control" rows="10"></textarea>
    </div>
  </form>
</div>

JavaScript

$(function() {
  $("#btnSerialize").on("click", function() {

    var obj = $('#my-profile').serializeJSON();
    console.log(obj);

    var jsonString = JSON.stringify(obj);
    $("#result").val(jsonString);
  })
});

结果

{
  "intent":"San Francisco",
  "examples":[
    {
      "text":"San Fran"
    },{
      "text":"Bay Area"
    }
  ]
}

【讨论】：

太棒了！非常感谢@Twisty。