Javascript 将jquery数据存储在html元素中

我想将从

getJSON

获取的数据作为列表存储在我的html元素中。
这是我的脚本

data.js

：

$.getJSON("dataset.json", function(obj) {
    obj.types.forEach(function(key) {
        console.log(key.type);
    });
});

控制台日志是密钥列表：

one
two
three
four

和我的html代码：

<div class="row">
    <div class="col-sm-offset-1 col-sm-11 col-md-offset-1 col-md-11">
        <div class="item-group">
            <label class="item-label">List</label>
                <ul class="list-unstyled" id="dataList"></ul>
            <br>
        </div>
    </div>
</div>

列表

---

如何将getJSON的结果传递到

id=“dataList”

？

您可以创建这些值的数组，并使用

data（）

方法将其与元素一起存储。试试这个：

$.getJSON("databeta.json", function(obj) {
    $('#dataList').data('types', obj.types.map(function(o) {
        return o.type;
    }));
});

然后，当稍后在代码中需要时，您可以检索该数组：

var arr = $('#dataList').data('types');
// use arr as needed here...

---

您可以创建这些值的数组，并使用

data（）

方法将其与元素一起存储。试试这个：

$.getJSON("databeta.json", function(obj) {
    $('#dataList').data('types', obj.types.map(function(o) {
        return o.type;
    }));
});

然后，当稍后在代码中需要时，您可以检索该数组：

var arr = $('#dataList').data('types');
// use arr as needed here...

//示例数据
变量数据=[{value:'one'}，{value:'two'}，{value:'two'}，{value:'two'}，{value:'four'}]；
data.forEach（功能（项）{
$（“#数据列表”）.append（“
”+item.value+”
”）；
});
//选择id为#dataList的元素并添加每个值

列表

//示例数据
变量数据=[{value:'one'}，{value:'two'}，{value:'two'}，{value:'two'}，{value:'four'}]；
data.forEach（功能（项）{
$（“#数据列表”）.append（“
”+item.value+”
”）；
});
//选择id为#dataList的元素并添加每个值

列表

您的意思是要创建包含数据文本的

li

元素，并将这些元素添加到

#dataList

？您的意思是要创建包含数据文本的

li

元素，并将这些元素添加到

#dataList

？