0

我有这个问题。我有编辑页面，它的属性之一是超链接。一个 div 正在显示我想要的视频列表，如果我单击任何链接（例如“删除”），它将触发 ajax 调用以删除所选项目。但是我有一个奇怪的问题。每次我单击任何链接时，它都会调用“编辑”页面，这是当前页面，而不是“删除”方法。我的链接是这样呈现的。

<a href="#" class="video" id="@Model.VirtualTourGalleries[i].Virtual_Tour_Id">Delete</a>

请帮忙。这是我的代码。

HTML

<div class="fieldElem">
        <div class="editor-label">Virtual Tours & Videos</div>
        <div class="editor-field">  
            <table id="gridVirtualTours">
                <thead>
                    <tr>
                        <th>VIDEO</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @if (Model.VirtualTourGalleries != null)
                    {
                        for(var i = 0; i < Model.VirtualTourGalleries.Count(); i++)
                        {
                            @Html.HiddenFor(model => model.VirtualTourGalleries[i].Virtual_Tour_Id)
                            <tr>
                                <td>@Model.VirtualTourGalleries[i].Virtual_Tour_Title</td>
                                <td><a href="#" class="video" id="@Model.VirtualTourGalleries[i].Virtual_Tour_Id">Delete</a></td>
                            </tr>

                        }
                    }
                </tbody>
                <tfoot>
                </tfoot>
            </table>

        </div>
    </div>

jQuery 函数

$("#gridVirtualTours").on('click', '.video', function () {
            var tr = $(this).closest('tr');
            $.ajax({
                url: "deletevideo",
                type: 'POST',
                data: { videoid: $(this).attr('id') },
                success: function (result) {
                    if (result) tr.remove();
                }
            });
        });

控制器

[HttpPost]
        public ActionResult DeleteVideo(int? videoid)
        {
            return Json("", JsonRequestBehavior.AllowGet);
        }

调试图像

在此处输入图像描述

单击“删除”时，它调用“编辑”而不是“删除”

在此处输入图像描述

4

3 回答 3

1

像这样更改代码：

$("#gridVirtualTours").on('click', '.video', function (e) {
            e.stopPropagation();
            var thisElement = $(this);
            var tr = $(this).closest('tr');
            $.ajax({
                url: "@Url.Action("DeleteVideo" , "Controller" , new {area ="area if it's not in base controller folder"})",
                type: 'POST',
                data: { videoid: thisElement.attr('id') },
                success: function (result) {
                    if (result) tr.remove();
                }
            });
        });
于 2013-04-23T07:38:23.663 回答
1

尝试这个

url: '@Url.Action("DeleteVideo","ControllerName")',

代替

url: "deletevideo",
于 2013-04-23T07:41:19.663 回答
0

在 jquery ajax URL 属性中使用正确的区分大小写的动作名称。IEurl: "DeleteVideo",

于 2013-04-23T07:29:51.390 回答