通过js模板字符串循环遍历json数据
ajax通过forEach循环遍历json数据并通过js模板字符串获取数据,后台使用ef mvc 三层
html代码:
<div class="text-center"> <form id="form1" method="post" action="/Movies/GetAllByArea"> <h2>电影排行榜h2> <select id="Area" name="Area" onchange="GetMovieByArea()" class="form-control"> <option value="" selected>所有option> @foreach (var item in arealist) { <option value="@item.Area">@item.Areaoption> } select> form> div> <table class="table"> <tr> <td>电影排名td> <td>电影名称td> <td>上映时间td> <td>电影画报td> <td>所属国家td> <td>电影评分td> <td>操作td> tr> <tbody id="tb"> @foreach (var item in Model) { <tr> <td>@item.MoviesIDtd> <td>@item.MovieNametd> <td> <img src="~/Images/@item.Image" style="height:66px;width:50px;"/> td> <td>@item.ReleaseTimetd> <td>@item.Areatd> <td>@item.Ratingtd> <td> <a href="/Movies/Delete?MovieId=@item.MoviesID" onclick="return confirm('你确定要删除这条数据吗?')">删除a> td> tr> } tbody> table>
后台json数据处理:
public JsonResult GetAllByArea(string area) { ListrankingLists = rankingListBLL.GetRankingLists(area); return Json(new { data= rankingLists }); }
ajax处理根据条件查询:
后台封装Dto层:
public ListGetAllLogistics(string code,string states) { _db.Configuration.ProxyCreationEnabled = false; return _db.Logistics .Where(m=>string.IsNullOrEmpty(states)&string.IsNullOrEmpty(code) || m.State.Contains(states)&m.Code.Contains(code)) .Select(m=>new LogisticsDto() { Id=m.Id, Code=m.Code, State=m.States.StateName, Desc=m.Desc, AddTime= (DateTime)m.AddTime }) .ToList(); }