异步删除
页面文件
@foreach (var item in Model) { <tr id="@item.ID"> <td> @Html.DisplayFor(modelItem => item.NAME) </td> <td> <img src="@item.PITURE" width="200px" height="100px"> </td> <td> @Html.DisplayFor(modelItem => item.SHULIANG) </td> <td> @Html.DisplayFor(modelItem => item.DANJIA) </td> <td> @Html.DisplayFor(modelItem => item.ZONGJIA) </td> <td> @Html.ActionLink("Edit", "bianji", new { id=item.ID }) | @Html.ActionLink("Details", "xijie1", new { id=item.ID }) | <a class="un" href="#" >del</a>//删除按钮 </td> </tr> }
脚本:
<script> $(function () { $(".un").click(function () { var canshu = $(this).parent().parent().attr("id");//找到该条信息tr的ID $.get("@Url.Action("shanchu1")", { id: canshu }, function (a) {//用get传回控制器shanchu1,传回参数为canshu,定义控制器回返为a if (a == 0) { alert("sb");//失败输出sb } else { $("#" + canshu).remove();//成功就删除 } }) }); }) </script>
控制器:
public ActionResult shanchu1(int? id) { if (id == null)//如果ID为空 { return Json(0,JsonRequestBehavior.AllowGet);//允许GET传参 返回视图数据为0 } else { shangpinbiao sh = sp.shangpinbiao.Find(id);//id不为空则根据id查找数据 sp.shangpinbiao.Remove(sh);//删除数据 sp.SaveChanges();//保存修改 return Json(1,JsonRequestBehavior.AllowGet);//允许GET传参 返回视图数据为1 }