在进行 .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