Javascript AJAX mvc web api：使用图像创建div

我正在使用RESTfulAPI、MVC和ajax。我试图从后端获取数据，然后在一些div中显示图像。结果应如下所示：

这是我的后端代码：

  /*route:api/images*/
  [HttpGet]
 public IEnumerable<DTO> GetData(string Id) {
        /*Do something*/
        return Dto;/*the dto has an imgurl property*/           
    }

/*路由：api/图像*/
[HttpGet]
公共IEnumerable GetData（字符串Id）{
/*做点什么*/
return Dto；/*该Dto具有imgurl属性*/
}

在我的前端

<div id="mydiv></div>

    <script>
    $(document).ready(function () {
        $.ajax({
            url: "http://localhost:59245/api/api/images",
            type: "Get",
            success: function (data) {                 
                for (var i = 0; i < data.length - 1; i++) {
                    $('<div class="col-lg-4 col-sm-6"><div class="thumbnail">'+
            '<h3 class="centrar">' + data[i].Titulo + '</h3><a href="'+
            data[i].ImagenUrl+'</a><p>'+data[i].Paragraph+'</p></div>'
            ).appendTo("#mydiv");
                }
            },
            error: function (msg) { alert(msg); }
        });
    });
</script>

---

我可以在这里看到一个打字错误--
'
).附于（“#mydiv”）；

这将输出图像并使其成为链接。我猜你必须对它进行标记才能得到你发布的结果。
我可以在这里看到一个拼写错误-

).附于（“#mydiv”）；

这将输出图像并使其成为链接。我猜你必须对它进行标记才能得到你发布的结果。
你没有img标签。试试这个


$（文档）.ready（函数（）{
$.ajax({
url:“http://localhost:59245/api/api/images",
键入：“获取”，
成功：函数（数据）{
对于（var i=0；i'
).附于（“#mydiv”）；
}
},
错误：函数（msg）{alert（msg）；}
});
});

您没有img标签。试试这个


$（文档）.ready（函数（）{
$.ajax({
url:“http://localhost:59245/api/api/images",
键入：“获取”，
成功：函数（数据）{
对于（var i=0；i'
).附于（“#mydiv”）；
}
},
错误：函数（msg）{alert（msg）；}
});
});


$('<div class="col-lg-4 col-sm-6"><div class="thumbnail">'+
        '<h3 class="centrar">' + data[i].Titulo + '</h3><a href="'+
        data[i].ImagenUrl+'"><img src="'+
        data[i].ImagenUrl+'"></a></div>'
        ).appendTo("#mydiv");

<script>
$(document).ready(function () {
    $.ajax({
        url: "http://localhost:59245/api/api/images",
        type: "Get",
        success: function (data) {                 
            for (var i = 0; i < data.length - 1; i++) {
                $('<div class="col-lg-4 col-sm-6"><div class="thumbnail">'+
        '<h3 class="centrar">' + data[i].Titulo + '</h3><a href="'+
        data[i].ImagenUrl+'"><img src="'+data[i].ImagenUrl+'"/></a><p>'+data[i].Paragraph+'</p></div>'
        ).appendTo("#mydiv");
            }
        },
        error: function (msg) { alert(msg); }
    });
});