异步删除

页面文件

@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
            }

 

转载于:https://www.cnblogs.com/liangliping/p/9072959.html