Url.Action：传递多个变量

Question

在阅读了一些其他线程之后，似乎我们需要在 Global.asax.cs 中映射一个新路由，以便传递多个变量。 （注意：如果只传递一个变量就可以了）

但是，如果传递多个变量，第一个变量会通过，而第二个变量（以及之后的任何其他变量）不会通过——它们的值为 null。

例如，_Layout.cshtml 中的 url 值是 var url = '/Home/DidItWork?testUserName=James%20Bond&testEmail=james.bond%40gmail.com'; - 由于 MapRoute 期望以 Home/DidItWork/{testUserName}/{testEmail} 的形式出现，因此该值是否会有所不同？

关于为什么它不传递多个变量的想法或建议？

Global.asax.cs

public static void RegisterRoutes(RouteCollection routes)
{
    routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

    routes.MapRoute(
        "MyNewRoute",                                              // Route name 
        "Home/DidItWork/{testUserName}/{testEmail}",                           // URL with parameters 
        new { controller = "Home", action = "DidItWork" }  // Parameter defaults
    );

    routes.MapRoute(
        "Default", // Route name
        "{controller}/{action}/{id}", // URL with parameters
        new { controller = "Home", action = "Index", id = UrlParameter.Optional } // Parameter defaults
    );
}

HomeController.cs

public async Task<ActionResult> DidItWork(string testUserName, string testEmail)
{
        var manager = HttpContext.GetOwinContext().GetUserManager<ApplicationUserManager>();
        var user = new ApplicationUser { UserName = "user name", Email = "username@gmail.com" };
        var result = await manager.CreateAsync(user, "passwordGoesHere1!");
        if (result.Succeeded)
        {
            await manager.SendEmailAsync(user.Id, testUserName, testEmail);

            return View();
        }
        return View();    
}

_Layout.cshtml

    @*script for someone who presses the send/email button*@ 
<script>
$("#sendButton").click(function () {
    var htmlBody = $("#myModal .modal-body").text();
    var url = '@Url.Action("DidItWork", "Home", new { testUserName = "James Bond", testEmail = "james.bond@gmail.com" })';
    $.ajax({
        url: url,
        success: function (result) {
            alert("Success. It worked." + htmlBody);
        },
        error: function (xhr, status, errorThrown) {
            alert("Sorry, there was a problem! Error: " + errorThrown + ". Status: " + status + ". Console: " + xhr);
            console.log("Hello");
            console.log("Error: " + errorThrown);
            console.log("Status: " + status);
            console.dir(xhr);
            console.log("Good-bye");
        },
    });
    return false;
});
</script>

Answer 1

我怀疑这是一个编码问题。编码 URL 有两种方法：

• HTML 编码：/Home/DidItWork?testUserName=James%20Bond&testEmail=james.bond%40gmail.com
• 网址编码：/Home/DidItWork?testUserName=James%20Bond&testEmail=james.bond%40gmail.com

当您将 URL 传递给 Web 服务器时，它应该进行 URL 编码，否则服务器将无法解释查询字符串中的 & 符号。

这可以解释为什么它使用一个变量而不是两个变量。

更新

要创建用于 JavaScript 的不带编码的 URL，您需要将 Url.Action 的输出传递给 Html.Raw。

var url = '@Html.Raw(Url.Action("DidItWork", "Home", new { testUserName = "James Bond", testEmail = "james.bond@gmail.com" }))';