IModelBinder的学习不算深入,现在用它来实现一个json转Dictionary<string, string>
一、原始json转Dictionary<string, string>
如果不用IModelBinder,那么将Json字符串转换为Dictionary<string, string>的代码写法是:
/// <summary> /// 手动Json转Dictionary /// </summary> /// <param name="Param"></param> /// <returns></returns> public ActionResult ManualJsonToDictionary(string Param) { JavaScriptSerializer jss = new JavaScriptSerializer(); //将Json字符串转换为Dictionary<string, string> Dictionary<string, string> DicParam = jss.Deserialize<Dictionary<string, string>>(Param); return Content(DicParam["Title"]); }
当这个需求多了之后,这种代码就太多了,可以通过实现IModelBinder来简化。
二、实现IModelBinder简化
简化后的代码如下:
/// <summary> /// 测试IModelBinder接口的实现 /// </summary> /// <param name="DicParam"></param> /// <returns></returns> public ActionResult TestJsonToDictionary([ModelBinder(typeof(JsonToDictionaryBinder))]Dictionary<string, string> DicParam) { return Content(DicParam["Title"]); }
其中实现IMidelBinder的类JsonToDictionaryBinder的代码如下:
/// <summary> /// Json转Dictionary<string, string> /// </summary> public class JsonToDictionaryBinder : IModelBinder { public object BindModel(ControllerContext controllerContext, ModelBindingContext bindingContext) { Dictionary<string, string> DicParam = new Dictionary<string, string>(); if (!string.IsNullOrEmpty(Convert.ToString(controllerContext.HttpContext.Request["Param"]))) { System.Web.Script.Serialization.JavaScriptSerializer sr = new System.Web.Script.Serialization.JavaScriptSerializer(); DicParam = sr.Deserialize(controllerContext.HttpContext.Request["Param"], typeof(Dictionary<string, string>)) as Dictionary<string, string>; } return DicParam; } }
前台测试页面代码如下:
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>Index</title> <script src="/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(function(){ var jsonStr = "{"Id":"1","Title":"张飞"}"; $.ajax({ url: "/Home/TestJsonToDictionary", dataType: "text", data:{ Param: jsonStr }, success: function (response) { alert(response); } }) $.ajax({ url: "/Home/ManualJsonToDictionary", dataType: "text", data: { Param: jsonStr }, success: function (response) { alert(response); } }) }) </script> </head> <body> <div></div> </body> </html>