javascript - MVC 中对象列表的排序

Question

我正在尝试构建页面，根据类型显示所有选定的电影，与 $.post

如果未选择流派，页面应显示所有电影。这是默认选择。

这是 Controller 代码:

public class BrowseController : Controller
{
    private MovieContext context = new MovieContext();
    // GET: Browse
    public ActionResult Index()
    {
        ViewBag.Genres = context.Genre.ToList();
        IEnumerable<Movie> mov = TempData["movies"] as IEnumerable<Movie>;
        if (mov == null)
        {
            IEnumerable<Movie> movies = context.Movies.ToList();
            return View(movies);
        }

        return View(mov);
    }
    [HttpPost]
       public ActionResult Index(int id = -1)
    {
        IEnumerable<Movie> model;
        if (id != -1)
        {
            model = context.Movies.Where(x => x.GenreId == id);
        }
        else
        {
            model = context.Movies.ToList();
        }
        ViewBag.Genres = context.Genre.ToList();
        TempData["movies"] = model;
        return RedirectToAction("", "Browse");
    }
}

这是查看代码:

@model IEnumerable<Movies.Models.Movie>
@using Movies.Models
@{
ViewBag.Title = "Index";
var Movie = Model.FirstOrDefault();
List<Genre> Genres = ViewBag.Genres;
}
@Html.DropDownListFor(m => Movie.GenreId, new SelectList(Genres, "Id", 
"Name"), "")
<table class="table">
<tr>
    <th>
        @Html.DisplayNameFor(model => model.Name)
    </th>
    <th>
        @Html.DisplayNameFor(model => model.Rating)
    </th>
    <th>
    </th>
    <th></th>
</tr>

@foreach (var item in Model)
{
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.Name)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Rating)
        </td>
        <td></td>

    </tr>
}

</table>
@section Scripts{
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script>


    $('select#Movie_GenreId').on('change', function () {
        var value = $(this).find(':selected').val();

        var url = "/Browse/Index";

        $.post(url, { id: value });

    });
</script>

}

我检查了 Chrome 调试工具和“网络”选项卡，在响应的“预览”选项卡中看到没有错误，并且“获取浏览/索引”操作正在返回预期结果，但我在 View 中没有看到它们。不知道为什么。

Answer 1

您发出 POST 请求，但不处理响应。例如，您忘记更新 DOM 结构。

为此，您必须将回调函数附加到返回的响应。

$.post(url, { id: value },function(response){
     //here is request response
});

此外，当您使用AJAX时，目的是更新 DOM，而不需要刷新页面来查看更新。

解决方案是返回一个包含所有信息的 JSON 对象，然后在 $.post 方法的 callback 函数中处理它们.