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

时间:2023-03-09 07:33:00
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字符串

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

页面传值在控制器接收:

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