Asp.net mvc 使用Json传递数据

浏览数：39 / 时间：2015年06月09日

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

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

技术分享

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

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

Js代码如下：

 1 <script type="text/javascript">
 2     $(function () {
 3         $(document).on("click", "a[data-bind-operation=‘test‘]", function (e) {
 4             e.preventDefault();
 5             var $this = $(this);
 6             var dataItem;
 7             dataItem= $("#PersonalListGrid").data("kendoGrid").dataItem($this.closest("tr"));
 8             $.ajax({
 9                 type: "post",
10                 url: "/Home/PersonalList_Update",
11                 dataType:"json",
12                 data: { "dataItem": JSON.stringify(dataItem)},
13                 success: function (result) {
14                     if (result.success) {
15                         $("#PersonalListGrid").data("kendoGrid").dataSource.read();
16                     }
17                     else {
18                         alert(result.message);
19                     }
20                 }
21             });
22         });
23     });
24 </script>

点我查看

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

在控制器中代码如下：

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