本例旨在說明個人一種Controller接收ajax提交(POST)過來的json對象或數組信息的方式,感受應該有更好的方式,歡迎提出寶貴意見。JSON.stringify(jsonObj)不支持IE8如下瀏覽器 前端頁面代碼以下:javascript
<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命名空間):html
[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提交到服務端獲取。java
轉自:http://www.echojb.com/ajax/2016/11/20/264249.htmljquery