来自 url 的 MVC JQuery 调用，无需操作

Question

我有 localhost:51775/Book/Index/bookname 页面，它可以正常工作。但我想要的是从 url 中删除 Index 并使其显示为 localhost:51775/Book/bookname ，我可以根据需要进行页面链接，但这次 jquery 调用不起作用。

我已经为 routeconfig 添加了一条新路由

routes.MapRoute(
            "Book",
            "Book/{id}",
            new { controller = "Book", action = "Index", id = RouteParameter.Optional }
        );

从这个 url 作为http://localhost:51775/Book/bookname 的 Jquery 调用不起作用；

 var data = new FormData();
    data.append("comment", comment);
    data.append("id", id);

var ajaxRequest = $.ajax({
        type: "POST",
        url: "/Book/AddBookComment",
        contentType: false,
        processData: false,
        data: data
    });

但如果我删除 routeconfig 则它的工作方式为 http://localhost:51775/Book/Index/bookname

这是从jquery调用的c#方法；

[HttpPost]
    public string AddBookComment()
    {
        string comment = Request.Form["comment"];
        string id = Request.Form["id"];

        Int64 idBook = id.ToInt64();
        SuggestBusiness.Instance.AddBookComment(idBook, SessionManager.GetSession().CurrentMember.MemberId, comment);
        return "ok";
    }

localhost:51775/Book/Index/bookname 是工作页面链接，localhost:51775/Book/bookname 是我希望它工作的页面链接，localhost:51775/Book/AddBookComment 是 jquery 的 c# 方法

我应该怎么做才能进行那个 jquery 调用？

Answer 1

由于您有一条带有url: "Book/{id}" 的路由，这意味着在您的ajax 调用中，url: "/Book/AddBookComment", 将匹配该路由并将您发送到Index() 方法。要么删除路由，要么您可以添加另一个特定路由（需要在您的 "Book" 路由之前）

routes.MapRoute(
  "BookComment",
   "Book/AddBookComment",
   new { controller = "Book", action = "AddBookComment" }
);
.... // your other routes

Answer 2

url 根据区域、视图文件夹等而变化。更好的是使用 url 操作来创建 url，将该值设置为变量并在 ajax 调用中使用该变量值而不是硬编码。请参阅下面的示例

var url ='@Url.Action("YourMethod", "ControllerName")';

var ajaxRequest = $.ajax({
        type: "POST",
        url: url,
        contentType: false,
        processData: false,
        data: data
    });

@Url.Action 在外部脚本中不起作用，因此如果您使用外部脚本，则必须在视图中设置 url。

Answer 3

尝试使用以下代码注册您的路线。

routes.MapRoute(
            "Book",
            "{controller}/{action}/{id}",
            new { controller = "Book", action = "Index", id = RouteParameter.Optional }
        );

"{controller}/{action}/{id}" 用于定义一个模板，让 MVC 理解路由，然后给它一个默认实例。

Answer 4

问题是您的默认路由操作是index，因此您不能调用AddBookComment 方法。尝试将您的默认路由操作更改为此

 routes.MapRoute(
                "Default",
                "{controller}/{action}/{id}",
                new { controller = "Home", action = "Index", id = RouteParameter.Optional }
            );
    routes.MapRoute(
                "Book",
                "Book/{id}",
                new { controller = "Book", action = "AddBookComment", id = RouteParameter.Optional }
            );

jQuery

 var url = '@Url.Action("AddBookComment","Book")'
                    var ajaxRequest = $.ajax({
                        type: "POST",
                        url: url,
                        contentType: false,
                        processData: false,
                        data: data
                    });