从索引页面中删除对象，同时保持在同一页面上（MVC）

Question

我正在尝试在 MVC 中显示项目列表，并在它们旁边显示一个删除操作链接。如果用户希望删除该项目，他只需单击它，就会发生以下操作： -> 项目被删除 -> 页面刷新

实际发生的情况如下： -> 项目被正确查看

点击删除时会发生什么？ -> 链接更改为 /Home/Index/1 （转到正确的方法（删除） -> 页面没有刷新，项目没有被删除，但再次加载非常快，链接保持 /Home/Index/1

代码

 public ActionResult Index()
    {
        List<Flight> Flights = db.Flights.ToList();

        return View(Vluchten);
    }

    [HttpPost, ActionName("Delete")]
    public ActionResult Index(int id)
    {
        Flight flight = db.Flights.Find(id);
        db.Flights.Remove(flight);
        db.SaveChanges();
        return RedirectToAction("Index","Index");
    }

查看代码：

//Items are shown and this is the last <td>:
 @Html.ActionLink("Delete","Index", new { id=item.Id })

我的问题似乎出在哪里？

Answer 1

您的 Delete 方法正在寻找 POST，ActionLink 正在寻找 GET。为了简化这一点，只需更改您的方法签名：

public ActionResult Delete(int id)
{
    ... do all the things ...

    return RedirectToAction("Index","Index");
}

然后是你的 ActionLink：

@Html.ActionLink("Delete","Delete", new { id=item.Id })