Question

我有一个json数据如下：

Json Data

  {"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);

});

获取与密钥APPLICABLE_DATE对应的值。
使用String.prototype.split()将其拆分为,并获取日期数组。
使用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"}');

如何提取json数据并按js为每个拆分元素追加？

2 个答案: