试图让 window.location.href 调用 ActionResult。 MVC + Javascript

Question

我有一个调用 javascript 函数 onclick 的删除按钮。 函数函数触发，获取 id 并显示在 Alert 中，尝试使用 window.location.href = "/Home/DeletePhoto/photoId=" + id;在 HomeController 中调用 ActionResult。

模态弹出窗口中的按钮：

 <button class="title" id="btnDelete" onclick="fDoTheDelete();">Delete</button>

视图底部的javascript函数：

   function fDoTheDelete()
    {
       alert("in the delete function: " + document.getElementById('h3Title').innerHTML);

       var id = document.getElementById('h3Title').innerHTML;

       window.location.href = "http://localhost:50061/Home/DeletePhoto/photoId=" + id;
    }

（如果我在javascript代码中Ctrl+点击下面的URL，它会根据需要运行ActionResult）

window.location.href = "http://localhost:50061/Home/DeletePhoto/photoId=" + id;

这是 ActionResult。我想删除一张照片，它被记录并重定向到主页/索引，它将显示没有删除的照片。

   public ActionResult DeletePhoto(int photoId)
        {
        //GET FILENAME FROM ID
       string photoName = (from p in db.Photos
                        where p.PhotoId == photoId
                        select p.Description).FirstOrDefault();

        //DELETE FILE

        string fullPath = "/GalleryImages /" + photoName;

        if (System.IO.File.Exists(fullPath))
            {
            System.IO.File.Delete(fullPath);
            }

        //DELETE RECORD OF PHOTO

        Photo photo = db.Photos.Find(photoId);
        db.Photos.Remove(photo);
        db.SaveChanges();


        return RedirectToAction("Index");

        }

单击按钮时，警报显示我在 javascript 函数中，并且 id 已传递，但照片模态窗口刚刚关闭并显示相同的索引，显示图像的缩略图仍然存在。

编辑： 我回来编辑并添加了我正在使用的信息This image gallery，这很容易配置，但很难在缩略图/索引显示和模态灯箱弹出窗口之间传递其他内容。这就是为什么我在简单地调用 ActionResult 时遇到这么多麻烦的原因。有很多难以破解的 js/jquery/blueimp 代码。 感谢所有努力帮助我的人，我希望其他人也可以使用图片库。

Answer 1

您的代码可能无法在
public ActionResult DeletePhoto(int photoId) 的服务器端捕获删除 ID

根据answer，要求服务器删除特定资源，你的路由应该像/Home/DeletePhoto/{photoId}一样处理。

并且应该像
window.location.href = "/Home/DeletePhoto/"+id;

那样调用

Answer 2

首先，您应该在 Razor 中使用 url.action 而不是硬编码。您将不再有路由问题。

@Url.Action("Information", "Admin", new { id = UrlParameter.Optional })

请看这里：Url.Action parameters?

然后在js中使用.assign("url")之类的方法。

    window.location.assign("
@Url.Action("Information", "Admin", new { id = UrlParameter.Optional })"
)