如何通过调用ajax删除mvc webgrid行？

Question

在我的 mvc razor 视图中，我有一个包含 webgrid 数据的部分视图，我需要添加一个操作链接来删除该行数据，这就是我所做的： 这是javascript函数： 函数 delMeal(pid) {

        if (confirm("Do you want to delete Meal: " + pid)) {
            var data = { 'MealID': pid }
            $.post('/Travel/DeleteMeal', data,
            function (data) {
                if (data == true)
                    location = location.href;
                else
                    alert("Could not delete");
            });
        }
    }
</script>

这是控制器方法：

public JsonResult DeleteMeal(Int32 productId)
    {  
        //NWDataContext db = new NWDataContext();
        Meal product = db.Meals.Where(x => x.MealID == productId).FirstOrDefault();
        db.Meals.Remove(product);
        db.SaveChanges();

        return Json(true, JsonRequestBehavior.AllowGet);
    }

这是在 webgrid 上调用删除函数的行 @Html.ActionLink("Delete", "DeleteMeal", "Travel", new { onclick = "delMeal("+item.MealID+")"})

操作链接中的上述代码不起作用，因为我在其中添加了方法（“DeleteMeal”），但如果我删除该方法，则调用 javascript 函数，但不会调用方法（“DeleteMeal”）。 任何人都可以帮我完成@Html.ActionLink 中的代码工作吗？非常感谢，

Answer 1

试试这个：

$.ajax({
        type: "POST",
        url: '/Travel/DeleteMeal'
        data: {
            productId:pid
        },
        dataType: "json",
        success: function(json) {
            if(!json.error) 
            $("#grid").load('Url which Send data to This grid');
        }
        error: errorFunc
});

然后查看您的 DeleteMeal 操作是否已调用或未更新。