Объект JSON из TextAreas - PullRequest
Новая
       12

Объект JSON из TextAreas

0 голосов
/ 06 октября 2018

Я не уверен, что нахожусь на правильном пути, но я хочу преобразовать текст из текстовых областей в JSON Object.

Полезная нагрузка должна выглядеть следующим образом.

{
"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"
     }
   }
}

У меня есть скрипач, который я экспериментирую.https://jsfiddle.net/8w4tx1pk/

Есть идеи, если это правильный путь?или мне нужна более сложная функция?

1 Ответ

0 голосов
/ 06 октября 2018

После исправления вашей скрипки я смог ее решить.

Скрипка: 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"
    }
  ]
}
...