欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

[Asp.net mvc]Asp.net mvc 使用Json传递数据

程序员文章站 2022-06-12 08:25:34
...

  在之前的练习中一直是直接传递的Model到后台或是单个数据到后台,今天在使用中遇到了点问题,不能使用Model传递到后台,但又要实现多个数据到后台,实验了多次有了以下的解决方案,给自己留个笔记。

功能是这样的:点击编辑的时候把表格这一行的数据获取到然后传递到后台

[Asp.net mvc]Asp.net mvc 使用Json传递数据

这里由于是Kendo Grid的按钮 不好进行操作,我自定义了编辑按钮

cmd.Custom("编辑").HtmlAttributes(new { data_bind_operation="test"});

Js代码如下:

<script type="text/javascript">
    $(function () {
        $(document).on("click", "a[data-bind-operation='test']", function (e) {
            e.preventDefault();
            var $this = $(this);
            var dataItem;
            dataItem= $("#PersonalListGrid").data("kendoGrid").dataItem($this.closest("tr"));
            $.ajax({
                type: "post",
                url: "/Home/PersonalList_Update",
                dataType:"json",
                data: { "dataItem": JSON.stringify(dataItem)},
                success: function (result) {
                    if (result.success) {
                        $("#PersonalListGrid").data("kendoGrid").dataSource.read();
                    }
                    else {
                        alert(result.message);
                    }
                }
            });
        });
    });
</script>

注意:这里取得的数据为字符串数组

在控制器中代码如下:

[HttpPost]
public ActionResult PersonalList_Update([DataSourceRequest]DataSourceRequest request,string[] dataItem)
{
    var list = Newtonsoft.Json.JsonConvert.DeserializeObject<PersonalInfoModel>(dataItem[0]);
    if (_userServices.EditPersonalInfoById(list))
    {
        return Json(new { success = true, message = "Success!" });
    }
    return Json(new { success=false,message="Failure!"});
}

Newtonsoft.Json.JsonConvert是一个微软的免费json转换工具。

Newtonsoft.Json 是.NET 下开源的json格式***和反序列化的类库。

(需引用Newtonsoft.Json.dll 文件)

这样就可以把多个数据通过json格式传递到后台了.