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;
        }