在進行 .NET Web MVC 框架開發的網站程式的時候,我們都會遇到最關鍵的問題,數據傳輸。 .NET MVC 4中的ControllerBase類建議我們用ViewBag動態數據字典形式(type:dynamic,JavaScript就是動態語言,只在運行時候才進行類型判斷,而不是在編譯),或
在進行 .NET Web MVC 框架開發的網站程式的時候,我們都會遇到最關鍵的問題,數據傳輸。
.NET MVC 4中的ControllerBase類建議我們用ViewBag動態數據字典形式(type:dynamic,JavaScript就是動態語言,只在運行時候才進行類型判斷,而不是在編譯),或者用ViewData數據字典(type:dictionary<string,object>)形式返回我們綁定的值。也就是說,ViewBag存儲的數據的類型都是在使用的時候才確定的,但是ViewData的數據在創建對象的時候就已經確定了。具體區別不做贅述。
但是,這樣綁定會有一定的局限性,因為網頁上展示的多樣化,使得上述方式複雜。比如:一個列表上顯示了5條數據,又需要展示10條,我們就不能用mvc的類來解決了。更好的解決方式還是用AJAX+JS來解決,
AJAX可以處理很多類型的數據,目前JSON因為其輕量且直觀方便廣泛的被應用在數據傳輸上,後臺程式提供JSON數據,前臺利用JS進行處理就可以完成很多我們想做的操作。
1)序列化,顧名思義,使之變得有序,在程式中就可以理解為將一個指定對象變成了JSON鍵值對
後臺代碼由於.NET的類庫我們可以輕鬆完成。
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Web.Script.Serialization;
using System.Runtime.Serialization;
using System.Runtime.Serialization.Json;
namespace Controllers
{
[Serializable]
[DataContract]
public class NewsOperationsController : Controller
{
public ActionResult Index(){
List<T> rult = new List<T>();//創建泛型對象LIST //利用MVC的json方法直接序列化對象
return Json(rult, JsonRequestBehavior.AllowGet); }
}
}
前臺需要的是發送請求,然後處理JSON字元串
1
2 function getData() {
3
4 $.post(appURL + "NewsOperations/index/" , {}, function (data) {
5
6 //將json對象轉化為JSON字元串
7 var myJson= JSON.stringify(data);
8
9 console.log(myJson);
10
11
12 }, "json");
13 }
2)反序列化
反序列化得步驟恰恰相反,但是更為複雜
後臺接受前臺的數據,有兩種方式
1)通過ajax的data傳送json鍵值對/通過form提交/或者直接寫在URL後面,但是這樣有一個不好之處,在後臺仍然需要對數據一個一個處理,也就是說,在後臺需要創建對象在為其一一賦值
2)前臺加大代碼量,拼湊JSON對象,發送至後臺直接進行反序列化處理,為對象賦初始化。
第一種方法較為常見,第二種是我自己想嘗試而為之的,也分享一下。
前臺:
1 //提交信息,採用拼接JSON字元數組數據提交,為後臺反序列化提供數據 2 3 function submitPage() { 4 5 var da = new Date(); 6 //獲取現在時間 7 var Now = da.getFullYear() + "-" + da.getMonth() + "-" + da.getDate() + " " + da.getHours() + ":" + da.getMinutes() + ":" + da.getSeconds(); 8 //隨便寫一些數據舉例 9 var data=[1,2,3,4,5,6]; 10 //拼接字元串 ps: 必須寫成 [{"a":b,"c":d...}]形式,因為反序列化以數組為單位,[]代表一個數組對象,每個{}代表一個JSON對象 11 var json = ""; 12 json += "[{"; 13 json += "\"NewsID\":" + data[0] + ","; 14 json += "\"NewsTitle\":\"" + data[0] + "\","; 15 json += "\"NewsContent\":\"" + data[0] + "\","; 16 json += "\"ReporterName\":\"" + data[0] + "\","; 17 json += "\"ReporterName\":\"" + data[0] + "\","; 18 json += "\"CategoryName\":\"" + data[0] + "\","; 19 json += "\"Createtime\":\"" + Now + "\""; 20 json += "}]"; 21 22 if (confirm("是否提交!") == true) { 23 24 $.post(appURL + "NewsOperations/submit", {index:json }, function (data) { 25 26 if (data.Success) { 27 alert("提交成功"); 28 29 } else { 30 31 alert("提交失敗"); 32 } 33 }, "json"); 34 35 } else { 36 } 37 }
後臺處理,需要用到一個靜態類
1 using System;
2 using System.Collections.Generic;
3 using System.Linq;
4 using System.Web;
5 using System.Web.Mvc;
6 using System.Web.Script.Serialization;
7 using System.IO;
8 using System.Text;
9 using System.Runtime.Serialization;
10 using System.Runtime.Serialization.Json;
11
12 namespace controllers{
13 public static class deserialize
14 {
15 //返回一個指定類型的LIST對象
16 public static List<T> JSONStringToList<T>(this string JsonStr)
17 {
18 JavaScriptSerializer Serializer = new JavaScriptSerializer();
19
20 List<T> objs = Serializer.Deserialize<List<T>>(JsonStr);
21
22 return objs;
23 }
24 //返回一個類型的對象
25 public static T Deserialize<T>(string json)
26 {
27 T obj = Activator.CreateInstance<T>();
28
29 using (MemoryStream ms = new MemoryStream(Encoding.UTF8.GetBytes(json)))
30 {
31 DataContractJsonSerializer serializer = new DataContractJsonSerializer(obj.GetType());
32
33 return (T)serializer.ReadObject(ms);
34 }
35 }
36
37 }
38
39
40 public ActionResult submit(string json)
41 {
42
43 //反序列化JSON字元,初始化對象
44 List<T> model = deserialize.JSONStringToList<T>(json);
45 //....後續就可以自己操作啦!!
46
47 }
48
49 }
到這裡,json的反序列化和序列化就講完了,歡迎各位大神拍磚!小弟還沒入行,學習ING,請多指教!
興趣愛好:guitar , sing , and so on
本人QQ:601761267