jquery提交json数据到mvc4服务端

最新推荐文章于 2023-05-10 16:08:03 发布

原创最新推荐文章于 2023-05-10 16:08:03 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

C#.NET 同时被 2 个专栏收录

13 篇文章

订阅专栏

10 篇文章

订阅专栏

本文介绍使用jQuery遍历表格元素获取数据并将其转换为JSON格式，通过AJAX发送到服务器，服务器端进行反序列化处理的过程。

首先，jQuery遍历table，读取数据。

jsonObject = [];
        $('tr[class=data]').each(function () {
            item = {};
            $(this).find('td').each(function (j) {
                if (j == 0) {
                    detailId = $(this).text();
                    item["detailId"] = detailId;
                }
            });
            jsonObject.push(item);
        });

var jsonString = JSON.stringify(jsonObject);
$.ajax({
                type: 'POST',
                dataType: 'text',
                url: "l",
                data: "jsonString=" + jsonString,
                success: function (returnPayload) {
                    console && console.log("request succeeded");
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    console && console.log("request failed");
                },

                processData: false,
                async: false
            });

mvc获得数据后反序列化json数据，并保存

public ActionResult Save(string jsonString)
        {
            IEnumerable<Entity> entities = JsonConvert.DeserializeObject<IEnumerable<Entity>>(jsonString);
            //Save data
            return Json(new { Data = 1, ErrMsg = "" });
        }

注：我错了，这里不能用 JsonConvert.DeserializeObject 要用new JavaScriptSerializer().Deserialize

IEnumerable<Entity> entities = new JavaScriptSerializer().Deserialize<IEnumerable<Entity>>(jsonString);