ASP.NET MVC Controller接收ajax post方式发送过来的json对象或数组数据

本例旨在说明我的一种Controller接收ajax提交(POST)过来的json对象或数组信息的方式,感觉应该有更好的方式,欢迎提出宝贵意见。JSON.stringify(jsonObj)不支持IE8以下浏览器  前端页面代码如下:

 

<script type="text/javascript" src="~/Scripts/jquery-1.11.3.js"></script>
 <form id="fm">
     <div>
         <input id="btn" type="button" value="提交" onclick="SaveTest()" />
     </div>
 </form>
 <script>
    function SaveTest() {
         var jsonObj = [];
         jsonObj.push({"id":1,"name":"123"});
         jsonObj.push({"id":2,"name":"234"});
         jsonObj.push({ "id": 3, "name": "345" });
         $.ajax({
             url: "/Test/Save",
            type: "post",
             dataType: "json",
             async:false,
             data: JSON.stringify(jsonObj),
             success: function (data) {
 
             },
             error: function (XMLHttpRequest, textStatus, errorThrown) {
                 alert(XMLHttpRequest.status);
                 alert(XMLHttpRequest.readyState);
                 alert(textStatus);
             }
         });
     }
</script>

 

Controller->Action代码如下(需引用System.IO和System.Web.Script.Serialization命名空间):

 

 [HttpPost]
         public ActionResult Save()
         {
             var sr = new StreamReader(Request.InputStream);
             var stream = sr.ReadToEnd();
             JavaScriptSerializer js = new JavaScriptSerializer();
             var list = js.Deserialize<List<Models.SelectList>>(stream);
             if (list.Any())
             {
                 foreach (var item in list)
                 {
                     
                 }
             }
             return View();
        }

 

SelectList对象类(类这里可以加[Serializable]或者不加,因为没有直接传输或存储SelectList对象,所以我这里没有加)

 

 public partial class SelectList
     {
         public int id { get; set; }
 
         public string name { get; set; }
 
         public string text { get; set; }
     }

 

大体思路是将json对象或数组转换为字符串,由前端传入服务端,Request接收,然后使用json反序列化为实体对象。试过action直接加string参数,但进入action后,接收不到传过来的json字串。当然,也可以将json字串直接保存在隐藏域,form提交到服务端获取。

转自:http://www.echojb.com/ajax/2016/11/20/264249.html

 

 

 

 

posted @ 2017-07-04 16:43  果冻栋吖  阅读(11246)  评论(0编辑  收藏  举报