Controller传值到前端页面的几种方式

一丶追加字符串传值

  #region 02-追加字符串传值
         /// <summary>
         ///  02-追加字符串传值
         /// </summary>
         /// <returns></returns>
         public ActionResult Val()
         {   //生成3个随机数
             Random rd = new Random();
             var a = rd.Next(, );
             var b = rd.Next(, );
             var c = rd.Next(, );
             //进行字符串追加
             var msg1 = a.ToString() + "," + b.ToString() + "," + c.ToString();

             return Content(msg1);
         } 

追加字符串传值

二丶通过JSON传值

 public ActionResult Val1()
         {   //生成3个随机数
             Random rd = new Random();
             var a = rd.Next(, );
             var b = rd.Next(, );
             var c = rd.Next(, );
             //申明一个匿名类
             var msg = new
             {
                 a1 = a,
                 a2 = b,
                 a3 = c,
             };
             return Json(msg);
         } 

通过JSON传值

三丶序列化传值：将对象转化为Json字符串

 public ActionResult Val2()
         {
             Random rd = new Random();
             var a = rd.Next(, );
             var b = rd.Next(, );
             var c = rd.Next(, );

             var msg = new
             {
                 a1 = a,
                 a2 = b,
                 a3 = c,
             };
             JavaScriptSerializer js = new JavaScriptSerializer();

             return Content(js.Serialize(msg));
         } 

序列化传值

四丶反序列化：将json字符串转化为对象

 public ActionResult Val3()
         {
             Random rd = new Random();
             var a = rd.Next(, );
             var b = rd.Next(, );
             var c = rd.Next(, );

             var msg = new Number
             {
                 num1 = a,
                 num2 = b,
                 num3 = c
             };
             //进行序列化申明
             JavaScriptSerializer js = new JavaScriptSerializer();

             ////将json字符串转化为Number类型
             //Number number = js.Deserialize<Number>(js.Serialize(msg));

             //return Json(new { a=number.num1,b=number.num2,c=number.num3}, "text/json");

             string json = js.Serialize(msg); //序列化成JSON字符串

             Number number = js.Deserialize<Number>(json);//再反序列化为Number对象

             return Json(new { a = number.num1, b = number.num2, c = number.num3 }, "text/json");//返回对象

         } 

反序列化

JsonConvert.DeserializeObject<Model>(data);

 Dictionary<string, string> jsonaa = JsonConvert.DeserializeObject<Dictionary<string, string>>(queryJson);
                 foreach (var item in jsonqq)
                 {
                     if (!item.Value.IsEmpty())
                     {
                         if (item.Key == "keyword")
                         {
                                var key=item.Key ;
                                var value=item.Value;
                         }

                      }
                 }                                            

五丶将给定对象转换为指定类型

  public ActionResult Val4()
         {
             //生成3个随机数
             Random rd = new Random();
             var a = rd.Next(, );
             var b = rd.Next(, );
             var c = rd.Next(, );
             JavaScriptSerializer js = new JavaScriptSerializer();
             //声明非匿名类
             var msg = new Number
             {
                 num1 = a,
                 num2 = b,
                 num3 = c
             };
             string json = js.Serialize(msg); //序列化成JSON字符串
             object obj = js.DeserializeObject(json);//将Json字符转换为Object类型
             Number number = js.ConvertToType<Number>(obj);//转化为指定对象类型
             return Json(new { a = number.num1, b = number.num2, c = number.num3 }, "text/json");//返回对象
         } 

将给定对象转换为指定类型

js详情：

  <script type="text/javascript">
         $(function () {
             //(1)一般方式获取数据
             //$.post("/Test/Val", function (data) {
             //    var array = data.split(",");
             //    for (var i = 0; i < array.length; i++) {
             //        alert(array[i]);
             //    }
             //});

             //(2)返回Json获取数据
             //$.post("/Test/Val1", function (data) {

             //    alert(data.a1);
             //    alert(data.a2);
             //    alert(data.a3);
             //});

             //(3)通过序列化获取数据
             //$.post("/Test/Val2", function (data) {
             //    var array = JSON.parse(data);
             //    alert("a1的值为：" + array.a1);
             //    alert("a2的值为：" + array.a2);
             //    alert("a3的值为：" + array.a3);
             //});

             //(4)通过反序列化获取数据
             //$.post("/Test/Val3", function (data) {

             //    alert("a的值为：" + data.a);
             //    alert("b的值为：" + data.b);
             //    alert("c的值为：" + data.c);
             //});

             //(5)ConvertToType<(Of <(T>)>) 将给定对象转换为指定类型
             $.post("/Test/Val4", function (data) {

                 alert("a的值为：" + data.a);
                 alert("b的值为：" + data.b);
                 alert("c的值为：" + data.c);
             });

         });
     </script>

JSON.parse() 方法用于将一个 JSON 字符串转换为对象。

JSON.stringify(param) 方法用于将一个对象序列化为一个json字符串

页面传值在控制器接收：

 var a = HttpContext.Current.Request["name"];
 var b = HttpContext.Current.Request.QueryString["password"];

         //不用任何参数,直接用HttpContext接收
         [HttpPost]
         public string MethodDemo()
         {
             var test1 = HttpContext.Current.Request["test1"];
             var test2 = HttpContext.Current.Request.Form["test2"];
             return ""+test1+","+test2;
         }