Question

我想将ViewModel从控制器发送到JSON格式的视图。

控制器：

public ActionResult Select(int pageLimiter)
{
    var viewModel = new ArticlesViewModel
                            {
                                Articles = this.Service.GetArticles(0, 0, 0),
                                ArticlesTotal = this.Service.CountArticles(0),
                                Pages = new List<string>
                                            {
                                                "1", "2", "3"
                                            }
                            };
    return Json(viewModel, JsonRequestBehavior.AllowGet);
}

查看：

<ul class="articleList">
@if (@Model != null)
{
    foreach (var article in @Model.Articles)
    {
        <li>
            <header><a href="/Article/@article.ArticleId">@article.Title</a></header>
            <nav>
                <span>@article.AuthorName</span> | 
                <time>@article.PublishDate.ToString("")</time> | 
                <span><a href="/Articles/@article.CategoryId">@article.CategoryName</a></span> | 
                <span>@article.Comments Comments</span>
            </nav>
            <section>
                @article.Content
            </section>
        </li>
    }
}
</ul>

<script type="text/javascript">
$(document).ready(function () {
    GetArticles(5);

    $("#selectPager").change(function () {
        var selectedItem = "";
        $("#selectPager option:selected").each(function () {
            selectedItem = $(this).text();
        });

        GetArticles(selectedItem);
    });
});

function GetArticles(pageLimitValue) {
    $.ajax(
    {
        url: "/Articles/Select",
        dataType: "json",
        data: { pageLimiter: pageLimitValue },
        async: true,
        beforeSend: function () {
            alert("before");
        },
        complete: function (data) {
            @Model = SOME_MAGIC_TRICKS
        }
    });
}

如您所见，在完整事件中有单词SOME_MAGIC_TRICKS。在这个地方我想设置从控制器获得的@Model。有可能吗？如何将ajax结果中的数据插入到视图模型中（默认为null）？

Answer 1

您正在尝试从客户端代码修改服务器变量。这是不可能的。

如果您要在complete上重新呈现网页内容，可以使用<ul class="articleList">呈现PartialView并返回相同的部分视图，而不是JsonResult。此外，oncomplete处理程序将使用返回的内容更新您的<ul class="articleList">。

Answer 2

您可以发送序列化的数据，如下所示：

public ActionResult Select(int pageLimiter)
{
    var viewModel = new ArticlesViewModel
                            {
                                Articles = this.Service.GetArticles(0, 0, 0),
                                ArticlesTotal = this.Service.CountArticles(0),
                                Pages = new List<string>
                                            {
                                                "1", "2", "3"
                                            }
                            };

    string myjsonmodel = new JavaScriptSerializer().Serialize(viewModel );
    return Json(jsonmodel = viewModel, JsonRequestBehavior.AllowGet);
}

不要忘记使用使用System.Web.Script.Serialization ;

修改

要反序列化对象，请尝试以下操作：

@{ JavaScriptSerializer jss= new JavaScriptSerializer(); User user = jss.Deserialize<User>(jsonResponse); }

通过JSONResult将数据从控制器传递到视图

2 个答案: