Question

我有一个像这样的控制器动作：

List<string> abcd = new List<string>()
foreach (var i in images)
{
    abcd.Add("{url:'"+GetImageUrl(i)+"'}");
}     
return Json(abcd, JsonRequestBehavior.AllowGet);

所以abcd的输出是

["{url:'/PropertyImage/GetPropertyImage?imageId=1'}", "{url:'/PropertyImage/GetPropertyImage?imageId=2'}", "{url:'/PropertyImage/GetPropertyImage?imageId=8'}"]

但我想要的结果是：

images:[{url:'/PropertyImage/GetPropertyImage?imageId=1'}, {url:'/PropertyImage/GetPropertyImage?imageId=2'}, {url:'/PropertyImage/GetPropertyImage?imageId=8'}]

在我的JavaScript中，我有

$.ajax({
     type: "GET",
     url: url,
     success: function (result) {
         console.log(JSON.stringify(result));
         var data = {
             images: [result]
         };

         template = "{{#images}}<a href='{{url}}'><img class='imageborder' src='{{url}}' style='width:150px;height:150px'></img></a>{{/images}}";
         renderedOutput= Mustache.to_html(template,data);
         $('#Propertyimagelinks').html(renderedOutput);
     }
 });

如何获得正确的输出？

Answer 1

使用ASP.NET MVC的内置JSON序列化功能和一点Linq似乎更简单，而不是尝试手动操作JSON字符串，如下所示：

var abcd = images.Select(i => new { url = GetImageUrl(i) }).ToList();
return Json(abcd, JsonRequestBehavior.AllowGet);

在JavaScript结果处理程序中，使用：

var data = { images: result };

或者，您可以在控制器中使用它：

var abcd = images.Select(i => new { url = GetImageUrl(i) }).ToList();
return Json(new { images = abcd }, JsonRequestBehavior.AllowGet);

在你的JavaScript中：

var data = result;

更正JSON结果对象

1 个答案: