使用jQuery创建一个用JSON的键和值填充的UL
使用jQuery创建一个用JSON的键和值填充的UL
提问于 2016-10-21 13:10:40
我拥有的就是这个。
HTML
<div id="catcher"></div>The jQuery
jQuery.ajax({
url:'./ajax.html',
async: true,
success: function(response){
for (var key in response){
jQuery('#catcher')
.append("<ul>"+ key +"<li>" + response[key].toString() + "</li></ul>");
}
}
})JSON看起来就像
{
"Item":"Item Name",
"Item 1":"Item Name",
"Item 2":"Item Name",
"Item 3":"Item Name",
"Item 4":"Item Name"
}我想做这样的UL
- 项目
- 项目名称
- 第1项
- 项目名称
诸若此类。我现在得到的是对象值的每个字母和键的数字。相反，我希望它们与字符串相等。
回答 5
Stack Overflow用户
发布于 2016-10-21 13:27:54
您应该尝试在成功回调中添加console.log(response)。它可能会显示response是一个字符串而不是一个对象。
在本例中，您可以将dataType:'json'添加到jQuery.ajax(...)调用中，如下所示：how to parse json data with jquery / javascript?
Stack Overflow用户
发布于 2016-10-21 13:27:51
你漏掉了一份外购单。如果您首先追加了它，并将您的循环追加更改为有一个嵌套的<ul>，那么您应该得到您要寻找的结构：
var data = {
"Item": "Item Name",
"Item 1": "Item Name",
"Item 2": "Item Name",
"Item 3": "Item Name",
"Item 4": "Item Name"
}
$('#catcher').append('<ol></ol>');
for (var key in data) {
$('#catcher ol').append('<li>' + key + '<ul><li>' + data[key] + '</li></ul></li>');
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="catcher"></div>
Stack Overflow用户
发布于 2016-10-21 13:27:19
jQuery.ajax({
url: './ajax.html',
async: true,
success: function(response) {
var ol = "<ol>";
for (var key in response) {
ol += "<li>" + key + "<ul><li>" + response[key] + "</li></ul>" + "</li>";
}
ol += "<ol>";
jQuery('#catcher').append(ol);
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/40185495
复制相关文章
相似问题
腾讯云开发者
