通过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)
{
     List rankingLists = rankingListBLL.GetRankingLists(area);
     return Json(new { data= rankingLists });
}        

ajax处理根据条件查询:

 后台封装Dto层:

public  List GetAllLogistics(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();
        }