在Asp.Net Mvc中使用Ajax刷新表列表

我有一个模态的问题，在我创建一个新条目后，我的表列表没有显示表中最后创建的行（在我的数据库中它已经存在），它只在我刷新页面后显示它。

我尝试了一些东西，但只是第一次工作（来自： 使用ASP.NET MVC中的AJAX刷新表 ）。

这是我的控制器代码：

public ActionResult IndexEvent() { return View(db.tbl_Event.ToList()); } [HttpGet] public ActionResult Add() { return View(); } [HttpPost] public ActionResult Add(BOL3.tbl_Event eve) { if(ModelState.IsValid) { db.tbl_Event.Add(eve); db.SaveChanges(); } return IndexEvent(); } 

，这是动作按钮和模态：

 Add 
 
 
 
 × 
Add Event
 
 
 
 
 
 
 
   
 
 
 
 
 
   
 
 
 
 
 
   
 
 
 
 
 Close Save 
  
 
 
  

这是表和脚本部分：

  $(document).ready(function () { $("#btnSubmit").click(function () { var myformdata = $("#myForm").serialize(); $.ajax({ type: "POST", url: "/Prog/Add", data: myformdata, success: function () { $("#enquirypopup").modal("hide"); $("#tbl").load("/Prog/IndexEvent"); //$("#tbl").reload("/Prog/IndexEvent"); } }) }) })  

 @model..... 
  @foreach(var item in Model) {  } 
 
 
 
Event Name
 
Starting (Date and Time)
 
Ending (Date and Time)
 
All Day ?
 
 
 
 
 
 @Html.DisplayFor(modelItem => item.Event) 
 
 @Html.DisplayFor(modelItem => item.Start_Date) 
 
 @Html.DisplayFor(modelItem => item.End_Date) 
 
 @Html.DisplayFor(modelItem => item.All_Day) 
 
 Edit | @Html.ActionLink("Delete", "Delete", new { id = item.ID }) 
 
 
  

我真的不知道这个模态究竟是如何工作的，这是我第一次使用它们，所以如果你能帮助我，我真的很喜欢它。 谢谢。

Answer 1

简单！ 成功添加location.reload（）。

  $.ajax({ type: "POST", url: "/Prog/Add", data: myformdata, success: function () { $("#enquirypopup").modal("hide"); location.reload(); } }); 

希望有帮助。