C# 将控制器数据发送到Reactjs

我需要将员工详细信息保存到数据库中。 我的想法是将员工数据以json格式从控制器发送到reacjts，reactjs应该调用webapi post方法。Webapi负责在sql server中保存数据

我的web api代码：

     //Insert new Employee
     public IHttpActionResult CreateNewEmployee(EmployeeModels emp)
     {
        using (var ctx = new Employee())
        {
            ctx.tempemp.Add(new tempemp()
            {
                Id = emp.Id,
                name = emp.name,
                mobile = emp.mobile,
                erole = emp.erole,
                dept = emp.dept,
                email = emp.email
            });
            ctx.SaveChanges();
        }
        return Ok();
    }

我的控制器：

    [HttpPost]
    public JsonResult CreateNew(Employee model)
    {

        return Json(model);
    }

---

请提供一些建议，将我的员工模型发送给reactjs。我是新手。我正在尝试将数据从控制器传递到reactjs

此api操作为您执行SQL插入

 //Insert new Employee
 public IHttpActionResult CreateNewEmployee(EmployeeModels emp)
 {
    using (var ctx = new Employee())
    {
        ctx.tempemp.Add(new tempemp()
        {
            Id = emp.Id,
            name = emp.name,
            mobile = emp.mobile,
            erole = emp.erole,
            dept = emp.dept,
            email = emp.email
        });
        ctx.SaveChanges();
    }
    return Ok();
}

如果您试图通过此方法注册员工，则将员工详细信息发布到该方法（如您所述，从react）

此函数返回一个函数，即

ok（）

函数

我不知道什么是

ok（）

。希望这是一个信息，员工是创建的

如果要在react中显示员工详细信息，应`从数据库中获取员工

[HttpGet]
public JsonResult GetEmployeeDetails(int EmployeeId)
{
    //here, DatabaseContext.Employees is your DBContext and Employees table.
    var model = DatabaseContext.Employees.SingleOrDefault(x=>x.Id == EmployeeId);
    return Json(model);
}

有关如何调用API的参考信息，请参阅。调用api是相同的，与后端语言无关

此外，还有一个示例asp.net-react应用程序供参考

希望这能回答你的问题。请评论您的查询。

这是代码

首先，您需要创建与.net中的类相同的javascript对象模型

例如

现在，您可以将此对象作为param传递给控制器，并使用更新的模型调用api

//Call Controller
fetch('https://mywebsite.com/CreateNew/', {
  method: 'POST',
  headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/json',
  },
  body: JSON.stringify(employee)
})
.then(function(resp){
    // Call API
    fetch('https://api.com/CreateNewEmployee/', {
      method: 'POST',
     headers: {
       'Accept': 'application/json',
       'Content-Type': 'application/json',
     },
     body: JSON.stringify(resp)
   })
   .then(function(resp){
       // check resp.status == 200
   })
})

---

MVC将通过比较属性名称自动绑定模型。

能否详细说明您的问题？我想在sql server中保存我的员工详细信息。我已经使用webapi和实体框架创建了服务，以将数据保存到sql。现在我想从reactjs调用webapi。我在controller中以json格式获取员工信息。我想将这个json数据发送到reacjts并调用webapi。请检查它是由reacjts完成的。我在MVC中使用reactjsYes执行此操作是为了显示员工记录。现在我想使用MVC的控制器数据在reactjs中执行HTTPPost。我应该在哪里创建JavaScript模型？以及JavaScript模型在reactjs中是如何引用的？在调用controller之前创建java模型，您可以将该模型存储到组件状态对象中。您在问题中也没有提到任何reactjs代码。。那么我是如何理解在哪里编写代码的呢..我想你会遇到一些事件，比如on buttonClick，你可以在事件内部或在状态中创建模型。。然后你会得到这个州的模型。employee@Karthikeyan你有什么问题吗。。？

//Call Controller
fetch('https://mywebsite.com/CreateNew/', {
  method: 'POST',
  headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/json',
  },
  body: JSON.stringify(employee)
})
.then(function(resp){
    // Call API
    fetch('https://api.com/CreateNewEmployee/', {
      method: 'POST',
     headers: {
       'Accept': 'application/json',
       'Content-Type': 'application/json',
     },
     body: JSON.stringify(resp)
   })
   .then(function(resp){
       // check resp.status == 200
   })
})