asp.net mvc5 JsonResult用法

时间:2015-07-27 05:25:51

标签: .net model-view-controller ajax.beginform

我正在研究一个项目,我想知道如何将json结果作为一个对象来处理。 我成功使用部分视图作为结果,但我只是想知道如果我将json结果作为List返回,那是否可能。

我的预期结果是这样的:

 @using (Ajax.BeginForm("AddMission", "Mission", new AjaxOptions { HttpMethod = "POST", UpdateTargetId = "ajaxEtki", InsertionMode = InsertionMode.InsertAfter }   new AjaxOptions { HttpMethod = "POST", OnSuccess = "OnSuccess", OnFailure = "OnFailure" }){
// Do some staff
}

并在控制器部分

public JsonResult ()
{
     List<Missions> missions = _db.Missions.ToList();
     return Json(missions,JsonBehavior.AllowGet);
}

我只是想知道如何处理View Part中的结果(我希望像对象一样使用结果。)

//我想知道的部分是该脚本部分的用法。 //因为我在那个脚本部分没有成功 有人可以帮我解决如何将jsonresult转换为对象列表的问题吗?

<script type="text/javascript">
        function OnSuccess(response) {
            var obj = response.get
            alert(response);
            var isss = JSON.parse(response);

                var target = $("#ajaxEtki");
                target.empty();
                for (var i = 0; i < response.length; i++) {
                    var product = response[i];
                    alert(product);
                    target.append(product.GOREVTURADI + "<br />");
                }
            }
            function OnFailure(response) {
                alert("false")
            }
        </script>

提前感谢您的帮助。

问候。

1 个答案:

答案 0 :(得分:0)

这是一个快速的样本。

  1. 使用程序包管理器控制台中的命令Install-Package Microsoft.jQuery.Unobtrusive.Ajax向项目中添加不显眼的Ajax。

  2. 示例代码如下:

  3. <强>模型

    public class Mission
    {
        public int Id { get; set; }
        public string Name { get; set; }
    }
    

    <强>控制器

        private readonly List<Mission> _missions = new List<Mission>()
        {
            new Mission(){Name = "qw",Id = 1},
            new Mission(){Name = "er",Id = 2},
            new Mission(){Name = "ty",Id = 3}
        };
        public ActionResult Mission()
        {
            return Json(_missions, JsonRequestBehavior.AllowGet);
        }
    

    查看      

        </div>
        @using (Ajax.BeginForm("Mission", new AjaxOptions() { OnSuccess = "submitMissionSuccess" }))
        {
            <input type="submit" value="Ok"/>
        }
    

    视野中的脚本

    @section scripts
    {
        <script>
            function submitMissionSuccess(response) {
                for (var i = 0; i < response.length; i++) {
                    $('#jsonTarget').append("<p>" + response[i].Name + "</p>");
                }
            }
        </script>
    }