如何提取json数据，并通过js为每个拆分元素追加

How to extract json data and append by js for each split element?

本文关键字：js 追加 元素 拆分 何提取 提取 数据 json      更新时间：2023-09-26

我有一个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 

 }

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.protype.split（）按,进行拆分并获取日期数组
  3. 使用array.prototype.forEach（）遍历此数组，并将el附加到其回调中的任何元素

让我们以这样的方式完成您的功能：

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"}');
相关文章：