Javascript 如何显示JSON单级菜单

我有一个json文件，其中包含来自如下特定文件夹的所有链接图像

["http://img1.png","http://img2.png","http://img3.png","http://img4.png"]

我想用这个创建一个

列表，但我不知道如何创建。 有人能帮我举个小例子吗

谢谢

var url=[”http://img1.png","http://img2.png","http://img3.png","http://img4.png"];
var ul=$（“
”）；
对于（var i=0；i”）；
li.附录（ul）；
$（'假设已将其解析为数组
arr
，则可以执行以下操作：

var ul = $('<ul/>').append(arr.map(function(i) {
    return '<li><img src="'+i+'" /></li>';
}).join());

var ul=$（'
'）.append（arr.map）（函数（i）{
返回“
”；
}).join（））；

其中
arr
是
[”http://img1.png","http://img2.png","http://img3.png","http://img4.png“]
试试这个

var arr_images = ["http://img1.png","http://img2.png","http://img3.png","http://img4.png"];

var html = '<ul>';
for(var i=0; i<arr_images.length; i++)
{
   var img_url = arr_images[i];
   html += '<li>';
   html += '<img src="'+img_url+'" />';
   html += '</li>';
}
html += '</ul>';

document.getElementById('your_div_id').innerHTML = html;

var arr_images=[”http://img1.png","http://img2.png","http://img3.png","http://img4.png"];
var html='
'；
对于（var i=0；i使用json您可以连接

$.post（“http://shared1.ad-lister.co.uk/GetImagesList.aspx?contextId=c9d56aca-506c-40be-9068-037d0fba62c9&文件夹=_设计/汽车品牌”，功能（json）{
var html='
'；
for（var i=0；i
您可以通过jQuery API使用函数

var json = ["http://img1.png","http://img2.png","http://img3.png","http://img4.png"]
var div ='<ul>';
json.map(function (text){ 
    div += '<li><img src="'+ text + '" /></li>'
  });
div += '</ul>'

$("containerSelector").append(div)

var json=[”http://img1.png","http://img2.png","http://img3.png","http://img4.png"]
var div='
'；
json.map（函数（文本）{
div+='
'
});
div+='
'
$（“containerSelector”）.append（div）
如何将URL var与我的json链接连接..因为我的json类似于http://etc.com/getimages.aspx？getfolder==design/cars，并且只返回这个[“例如通过AJAX加载它。嗨@Adrian我已经用AJAX请求回答了你的问题这是有效的：…我也在这里更新了相同的代码..请检查它
$.post("http://shared1.ad-lister.co.uk/GetImagesList.aspx?contextId=c9d56aca-506c-40be-9068-037d0fba62c9&Folder=_design/car-marques", function (json) {

    var html = '<ul>';
    for (var i = 0; i < json.length; i++) {
        html += '<li><img src="'+json[i]+'" /></li>';
    }
    html += '</ul>';

    $('.contents').html(html);
});

var json = ["http://img1.png","http://img2.png","http://img3.png","http://img4.png"]
var div ='<ul>';
json.map(function (text){ 
    div += '<li><img src="'+ text + '" /></li>'
  });
div += '</ul>'

$("containerSelector").append(div)