如何為每個拆分元素提取json數據並通過js追加？

Question

我有一個JSON數據如下：

傑森數據

  {"APPLICABLE_DATE":"2016-01-11,2016-01-12,2016-01-13"} 

在這里，我試圖從json拆分每個日期，並嘗試使用append提供HTML。 如何獲取每個日期並提供給我的HTML

追加HTML

  <input type="text" name="l_date_'+index+'" value="'+available_dates.APPLICABLE_DATE+'" />

JS

 function AddDate_Row_For_Html(available_dates) 
 {
   //available_dates as Json data

   //How can i split dates and create above html 


 }

Answer 1

var x = {"APPLICABLE_DATE":"2016-01-11,2016-01-12,2016-01-13"};
var dates = x.APPLICABLE_DATE;
var date_arr = dates.split(",");

date_arr.forEach(function(el, index){

    $("#any_element").append("Element: " + el + " Index" + index);

});

1. 獲取與鍵APPLICABLE_DATE對應的值。
2. 使用String.prototype.split（）將其除以,並獲取日期數組。
3. 使用Array.prototype.forEach（）遍歷此數組，並將el附加到其回調中的任何元素。

Answer 2

讓我們以這種方式完成您的功能：

function addDate_Row_For_Html(available_dates) // assuming available_dates is raw json
{
     var dataObj = JSON.parse(available_dates);
     var date_arr = dataObj.APPLICABLE_DATE.split(',');

     date_arr.forEach(function(item, i){
        $("#container").append('<input type="text" name="l_date_'+(i+1)+'" value="'+item+'" />');

     });
}

addDate_Row_For_Html('{"APPLICABLE_DATE":"2016-01-11,2016-01-12,2016-01-13"}');