ASP.NET MVC 查询字符串未显示在 URL 中

Question

@using (Ajax.BeginForm("Search", "Filter", new { Area = "Music" }, new AjaxOptions { HttpMethod = "GET", InsertionMode = InsertionMode.Replace, UpdateTargetId = "body-wrapper", OnSuccess = "updateHistory" }, new { @id = "search" }))
{
      <div>
           <i class="fa fa-search"></i>
           <input id="searchString" name="searchString" type="search" placeholder="Search">
      </div>
}

区域注册：

 context.MapRoute(
     "Music_default",
     "Music/{controller}/{action}/{category}",
     defaults: new { controller = "Home", action = "Index", category = UrlParameter.Optional }
 );

全局路由配置：

routes.MapRoute(
     name: "Default",
     url: "{area}/{controller}/{action}/{category}",
     defaults: new { area = "Music", controller = "Home", action = "Index", category = UrlParameter.Optional }
).DataTokens.Add("area", "Music");

控制器：

public ActionResult Search(string searchString)
{
    //Do search stuff
}

每当用户输入搜索输入并提交时，Url 始终为：/Music/Filter/Search，而不是 /Music/Filter/Search/{queryStringHere}。

如何显示用户在 url 中输入的查询？ searchString 已正确绑定，但只是未显示在 url 中。

这是我在区域注册中尝试过的，但由于某种原因它没有映射到这个：

context.MapRoute(
     "Music_Search",
     "Music/Filter/Search/{searchString}",
     defaults: new { controller = "Filter", action = "Search" }
);

这是当我输入搜索词'Maid'时根据RouteDebugger生成的Url：

生成的网址：/User/Filter/Search?searchString=Maid&X-Requested-With=XMLHttpRequest&_=1462458566832

编辑： RouteDebugger 图像，它没有调用正确的路由配置，因为它似乎没有将查询字符串附加到 RouteData：

Answer 1

浏览器对您的路由定义（即服务器端代码）一无所知，<form> 和 method="get" 中的值始终作为查询字符串值添加。

根本不可能生成User/Filter/Search/Maid，除非您在BeginForm() 方法中添加路由值，或者您之前使用javascript/jquery 更新<form> 的action 属性提交表单。

Answer 2

试试这个。更改您的 Route 以接受可选的 searchString 参数：

routes.MapRoute(
     name: "Default",
     url: "{area}/{controller}/{action}/{category}/{searchString}",
     defaults: new { area = "Music", controller = "Home", action = "Index", category = UrlParameter.Optional, searchString = UrlParameter.Optional }
).DataTokens.Add("area", "Music");

然后在您的Ajax.BeginForm 中将searchString 作为第三个参数传递：

@using (Ajax.BeginForm("Search", "Filter", new { Area = "Music" }, new AjaxOptions { HttpMethod = "GET", InsertionMode = InsertionMode.Replace, UpdateTargetId = "body-wrapper", OnSuccess = "updateHistory" }, new { @id = "search" }))
{
  // Or pass the value as input
  <input type="text" id="searchString" name="searchString" value="@item.Quantity"/>
 <input type="submit" />
}