如何从javascript将html模型传递给控制器​​[重复]

Question

我在 Employee 控制器 UpdateEmployee 中有以下方法。我想使用 javascript 函数将员工模型的更新值从 html 传递到控制器。如何将模型从 javascript 传递给 Controller，请帮助

[HttpPost]
public IActionResult UpdateEmployee(Employee emp)
{
}

我想将模型从 JavaScript 传递给控制器​​

var url = "/Employee/UpdateEmployee?

$.ajax({
  type: "POST",
  url: url,
  contentType: "application/json; charset=utf-8",
  dataType: "json",
  success: function (data) {

  },
  failure: function (response) {
    console.log(response.responseText);
  },
  error: function (response) {
    console.log(response.responseText);
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Answer 1

如果你想获取json数据，你需要使用[FromBody]，这里有一个演示：

控制器：

 public class EmployeeController:Controller
    {
        [HttpPost]
        public IActionResult UpdateEmployee([FromBody]Employee emp)
        {
            return Json(emp);
        }
}

型号：

public class Employee
    {
        public int id { get; set; }
        public string name { get; set; }
    }

ajax：

<script>
        var url = "/Employee/UpdateEmployee"
        var datas = {
            id: 1,
            name: 'nm'
        }
        $.ajax({
            type: "POST",
            url: url,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            data: JSON.stringify(datas),
            success: function (data) {
                console.log(data)
            },
            failure: function (response) {
            console.log(response.responseText);
            },
            error: function (response) {
                console.log(response.responseText);
            }
        })
    </script>

结果：