如何发送 jQuery $.get 以便模型绑定器可以将字符串绑定到参数？

Question

我在使模型活页夹工作时遇到困难。我以为是 jQuery，所以我问了 这个问题，但是经过进一步调查，我可以看到 jQuery 确实正在将参数发送到服务器。这就是我提出一个新问题的原因 - 这不再是一个 jQuery 问题，正如我最初所想的那样。

背景：

我正在做的是将 GET 请求发送到我的操作方法，如下所示：

$.get($(this).attr("href"), { "searchExpression": "schroders" }, function (result) {

    // do stuff

}, "html");

这将创建以下 URL：

http://localhost:65091/search/Tabs?searchExpression=schroders

我认为这会起作用，并填充了操作方法：

public PartialViewResult Tabs(string searchExpression)
{
    return PartialView(new SearchViewModel
    {
        PagedFunds = _fundService.GetFunds(searchExpression)
    });
}

但定义了此方法的路由as：

routes.MapRoute(
    null,
    "search/{action}/{searchExpression}",
    new { controller = "search", action = "QuickSearch", searchExpression = "" }
    );

正如我们所看到的，searchExpression 应该作为 URL 参数，而不是查询字符串参数。我不认为这会成为问题，但如果我按如下方式重载 Tabs：

public PartialViewResult Tabs(string searchExpression, string query)
{
    return PartialView(new SearchViewModel
    {
        PagedFunds = _fundService.GetFunds(searchExpression)
    });
}

并更改

{ "searchExpression": "schroders" }

为

{ "query": "schroders" }

填充操作方法中的 query 参数。

问题：

所以我的问题是需要更改什么才能填充 searchExpression？我是否需要修改 jQuery，以便将“schroders”附加到 URL，所以

/search/Tabs/schroders

理想情况下，我可以两全其美，用户可以使用搜索词键入 URL，而且我也可以使用 $.获得一种可以将搜索词作为参数传递给 $.get 函数的方式。

Answer 1

查看您的路线。你已经将控制器硬编码为“搜索”，如下所示：

routes.MapRoute(
    null,
    "search/{action}/{searchExpression}",
    new { controller = "search", action = "QuickSearch", searchExpression = "" }
);

如果你将其“软化”为：

routes.MapRoute(
    null,
    "{controller}/{action}/{searchExpression}",
    new { controller = "search", action = "QuickSearch", searchExpression = UrlParameter.Optional }
);

另外，从 $.get 切换到 $.ajax （帖子）可能会“有趣”。

只是另一个漫无目的的想法..

吉姆

Answer 2

也许我遗漏了一些东西，但我只会构建正常的获取网址：

$.get($(this).attr("href") + "/" + searchTerm, null, function (result) {

Answer 3

您可以创建一个在使用 jQuery 搜索时使用的不同操作方法：

public PartialViewResult JQuerySearchForTabs(string q)
{
    return Tabs(q);
}


public PartialViewResult Tabs(string searchExpression)
{
    // This goes unchanged
}

然后将您的 jQuery 调用更改为

$.get('YourControllerName/JQuerySearchForTabs', { q: "schroders" }, function (result) {

    // do stuff

}, "html");

如果您不想对 url 进行硬编码而是从元素中获取它，请使用约定，例如将 < code>WithAjax 位于 url 末尾，因此您可以使用 $(this).attr('href') + 'WithAjax' 作为 url。

Answer 4

事实证明，我必须为不需要 searchExpression 的选项卡指定一个路由，因此我的路由配置现在如下所示：

routes.MapRoute(
    null,
    "search/Tabs",
    new { controller = "search", action = "Tabs" }
    );

routes.MapRoute(
    null,
    "search/{action}/{searchExpression}",
    new { controller = "search", action = "QuickSearch", searchExpression = "" }
    );