當我們在開發Web應用程序時,常常需要在前端頁面中向后臺傳遞JSON數組的數據,并在后臺進行相應的操作。本文將介紹如何在C#后臺接收前端JSON數組。
//后臺Controller的代碼如下: public ActionResult ReceiveJsonArray() { List<string> dataList = new List<string>(); //從Request中獲取傳遞的JSON數組 string json = Request.Params["jsonArray"]; //將JSON數組轉換為JArray對象 JArray jArray = JArray.Parse(json); //遍歷JArray對象,并將其中的每個元素添加到List中 foreach(var jObj in jArray) { dataList.Add(jObj.ToString()); } //將List中的數據返回給前端 return Json(new { data = dataList }); }
在上述代碼中,我們首先從Request中獲取傳遞的JSON數組,并使用Newtonsoft.Json將JSON數組轉換為JArray對象。接下來,我們遍歷JArray對象中的每個元素,并將其添加到List中。最后,將List中的數據返回給前端。
在前端頁面中,我們需要使用jQuery的ajax方法向后臺傳遞JSON數組的數據。相關的代碼如下:
//前端頁面中用來傳遞JSON數組的代碼如下: var jsonArray = [ { name: '張三', age: 18 }, { name: '李四', age: 20 }, { name: '王五', age: 22 } ]; $.ajax({ type: 'post', url: '/Controller/ReceiveJsonArray', data: { jsonArray: JSON.stringify(jsonArray) }, success: function(data) { //接收后臺返回的數據,并在前端頁面中顯示 console.log(data.data); //控制臺輸出:["{ name: '張三', age: 18 }", "{ name: '李四', age: 20 }", "{ name: '王五', age: 22 }"] } });
在上述代碼中,我們首先定義要傳遞的JSON數組,然后使用JSON.stringify方法將其轉化為字符串類型。接下來,我們使用jQuery的ajax方法向后臺傳遞數據,并在success回調函數中接收后臺返回的數據,并將其顯示在前端頁面中。
當我們將上述前后端代碼共同運行起來時,就可以實現在前端向后臺傳遞JSON數組的數據,并在后臺進行相應的處理和操作了。
上一篇c 后臺字符串轉json
下一篇python 繪圖并保存