Controller傳值到前端頁面的幾種方式

一丶追加字符串傳值

 #region 02-追加字符串傳值
        /// <summary>
        ///  02-追加字符串傳值
        /// </summary>
        /// <returns></returns>
        public ActionResult Val()
        {   //生成3個隨機數
            Random rd = new Random();
            var a = rd.Next(1, 1000);
            var b = rd.Next(10, 1000);
            var c = rd.Next(100, 1000);
            //進行字符串追加
            var msg1 = a.ToString() + "," + b.ToString() + "," + c.ToString();

            return Content(msg1);
        } 

二丶通過JSON傳值

public ActionResult Val1()
        {   //生成3個隨機數
            Random rd = new Random();
            var a = rd.Next(1, 1000);
            var b = rd.Next(10, 1000);
            var c = rd.Next(100, 1000);
            //申明一個匿名類
            var msg = new
            {
                a1 = a,
                a2 = b,
                a3 = c,
            };
            return Json(msg);
        } 

三丶序列化傳值：將對象轉化為Json字符串

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

            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(1, 1000);
            var b = rd.Next(10, 1000);
            var c = rd.Next(100, 1000);

            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(1, 1000);
            var b = rd.Next(10, 1000);
            var c = rd.Next(100, 1000);
            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;
        }