MVC 和 jQuery 模板？

Question

我有一个控制器，它将自定义模型返回到其视图。该模型中包含在视图中呈现的产品和价格的集合，以及页面所需的其他信息。

不过，我想使用 jQuery 模板来允许 AJAX 更新这些产品和价格。

我想不可能用初始值渲染模板，那么如何返回一个既包含“静态”信息（即不会在页面上更改）又包含我确实希望包含在模板中的信息（因为它会发生变化）的模型取决于用户的输入？

Answer 1

您可以通过 jquery 从您的控件加载内容，如下所示：

Jquery：

function lastPostFunc(movies) {

            $.each(movies, function(i) {

                var milli = this.ReleaseDate.replace(/\/Date\((-?\d+)\)\//, '$1');
                var d = new Date(parseInt(milli));

                $("#Movie_list").append("<tr class=wrdLatest id=" + this.Id + "><td>" + this.Id + "</td><td>" + this.Title + "</td><td>" + d + "</td><td>"
         + this.Genre + "</td><td>" + this.Price + "</td><td>" + this.Rating + "</td></tr>");
            });

        }
        $(window).scroll(function() {
            if ($(window).scrollTop() + 100 > $(document).height() - $(window).height()) {

                var name = id; //$(".wrdLatest:last").attr("id");
                var value = { skip: name };
                $.post("/Movies/GetMovies/", value, lastPostFunc, "json");
                id += 50;
            }
        }); 

控制器

[AcceptVerbs(HttpVerbs.Post)]
        public ActionResult GetMovies(string skip)
        {
            // caching the categories 

            int idtoSkip = Convert.ToInt32(skip);
            var movies = from m in _db.Movie
                         where m.Id > idtoSkip & m.Id < idtoSkip + 50
                         select m;
            return Json(movies);
        }