MVC后台创建Json(List),前台接受并循环读取

最新推荐文章于 2020-02-11 22:00:26 发布

原创最新推荐文章于 2020-02-11 22:00:26 发布 · 4.5k 阅读

0 ·

CC 4.0 BY-SA版权

.NET 专栏收录该内容

201 篇文章

订阅专栏

本文介绍了如何在ASP.NET MVC后台创建JSON列表，然后在前端使用AJAX获取该数据并进行循环读取处理。在后台，通过HttpPost方法返回JSON数据。在前端，当请求成功时，使用jQuery的$.each方法遍历JSON对象，更新页面元素的内容。

---------------------------后台-------------------

[HttpPost]

public JsonResult CheckStock(IEnumerable<pvIdsCount> pvIds)
{
var resultList = new List<pvIdsCount>();
if (pvIds != null)
{
foreach (var pvIdsCount in pvIds)
{
var pvId = pvIdsCount.pvId;
var count = pvIdsCount.count;
var stock = _productService.GetProductVariantById(pvId).StockQuantity;
if (stock - count < 0)
{
var pvIdC=new pvIdsCount();
pvIdC.pvId = pvId;
pvIdC.count = stock;
resultList.Add(pvIdC);
}
}
if (resultList.Count > 0)
{
return Json(new { resultList }); //Json() ---MVC的JSON 方法会自动把List<T> IEnumerable<T>转换为 Json Array<T>
}
else
{
return Json("success");
}
}
return null;
}

public class pvIdsCount
{
public int pvId { set; get; }

public int count { set; get; }

}

---------------------------前台-------------------

AJAX

success: function (data) {
if (data == "success") {

}
} else {
$.each(data.resultList, function (index, value) {
$("#Item_PVId_" + value.pvId).html("This Product's Stock Not Enough.Stock is " + value.count);
});
}
}