小5聊Vue与.net Core 如何接收List＜T＞泛型参数

Posted 2022-03-11 小5聊

Vue Element-ui axios-post请求，axios默认请求提的Content-Type为application/json

.net core后端接收参数有List<T>泛型参数，如何才能正确接收呢

1、不能接收到的情况

• 前端参数值

/*请求参数值*/
var data=[]
data.push(
  id:1,
  name:'aaa'
)
data.push(
  id:2,
  name:'bbb'
)
data.push(
  id:3,
  name:'ccc'
)

•  后端代码

[HttpPost]
public JsonResult Data(List<entity> list)

    return Json(new  c = 200, m = "test" );


public class entity

    public int id  get; set; 
    public string name  get; set; 

2、 能接收到的情况

• 前端参数值

/*请求参数值*/
var data=
    length:0,
    list:[]


var list=[]
list.push(
  id:1,
  name:'aaa'
)
list.push(
  id:2,
  name:'bbb'
)
list.push(
  id:3,
  name:'ccc'
)

data.length=list.lenght
data.list=list

•  后端代码

[HttpPost]
public JsonResult Data(entity entity)

    return Json(new  c = 200, m = "test" );


public class entity

    public int length  get; set; 
    public List<model> list  get; set; 


public class model

    public int id  get; set; 
    public string name  get; set;