perfrom WEBAPIへの反応JSからのポストコール？

Question

既に質問されています。しかし、まだ私は明確でなかった。 私はreactjsでWEBAPIのPOSTメソッドを呼び出さなければなりません。しかし、私はwebapiでモデルを作成しました。ですから、私はモデルデータを渡して反応を呼び出す方法を知りたいのです。

モデル：

public class EmployeeModels 
{ 
    public int Id { get; set; } 
    public string name { get; set; } 
    public string mobile { get; set; } 
    public string email { get; set; } 
    public string dept { get; set; } 
    public string erole { get; set; } 
} 

マイWEBAPIポスト方法：

//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(); 
    } 

今私はreactjsからEmployeemodelを投稿したいはずです。親切に提案をお願いします。

Answer 1

私はすでに与えている答えは：

let employee={ 
    Id:1, 
    name:'abc', 
    mobile:123456, 
    email:'abc@abc.com', 
    dept:'IT', 
    role:'Developer' 
} 

fetch('https://mywebsite.com/CreateNewEmployee/', { 
    method: 'POST', 
    headers: { 
    'Accept': 'application/json', 
    'Content-Type': 'application/json', 
    }, 
    body: JSON.stringify(employee) 
}) 
.then(function(resp){ 
    // your response 
}) 

Answer 2

あなたはaxiosライブラリを使用することができます。

npm install axios --save 

、その後：

axios.post('/CreateNewEmployee/', { 
    Id:1, 
    name:'abc', 
    mobile:123456, 
    email:'abc@abc.com', 
    dept:'IT', 
    role:'Developer' 
    }) 
    .then(function (response) { 
    console.log(response); 
    }) 
    .catch(function (error) { 
    console.log(error); 
    });