Typescript Angular 2 Http 发布到 C# MVC

Question

尝试通过 Typescript 服务将有效负载传递给 http.post

我的 .ts 代码：

saveEdits(body: Object): Observable<Animal[]> {
    let bodyString = JSON.stringify(body); 
    let headers = new Headers({ 'Content-Type': 'application/json' }); 
    let options = new RequestOptions({ headers: headers }); 

    return this.http.post(this.UrlToEdit, body, options)
        .map((res: Response) => res.json())
        .catch((error: any) => console.log("Edited value did not been saved"));
}

提到

private UrlToEdit = '/Home/Edit';

虽然值取决于服务，但 C# 控制器似乎没有启动。这里是它的代码：

[HttpPost]
public  async Task<Boolean> Edit([Bind(Include = "animalID,animalName,animalHabitat,animalClass")] Animal animal)
{
   if (ModelState.IsValid)
   {
      db.Entry(animal).State = EntityState.Modified;
      await db.SaveChangesAsync();
      return true;
   }
   return false;
}

Answer 1

我不知道你的整个网站是如何运作的，但也许这对你有帮助：

首先我在您的代码中看到一个错误，您应该在帖子中传递 bodyString 而不是正文

return this.http.post(this.UrlToEdit, bodyString, options)
    .map((res: Response) => res.json())
    .catch((error: any) => console.log("Edited value did not been saved"));

第二个帖子返回一个 Observable，所以当有人像这样订阅 observable 时，帖子就会被执行

//...somewhere in your code ...
service.saveEdits(body).subscribe((animals: Animal[]) => console.log(animals));

同时打开 chrome 调试器（或您使用的任何浏览器）并在网络选项卡中查看帖子是否已执行以及是否有任何错误

希望对你有帮助