如何为每个拆分元素提取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"}');