Url.Action:传递多个变量

Url.Action: Passing multiple variables

在阅读了一些其他帖子后,我们似乎需要在 Global.asax.cs 中映射一条新路线,以便传递多个变量。 (注意:如果只传递一个变量就可以正常工作)

但是,如果传递多个变量,第一个传递,但第二个(以及之后的任何其他变量)不传递——它们的值为空。

例如,_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>

我怀疑是编码问题。 URL 有两种编码方式:

  • HTML 编码:/Home/DidItWork?testUserName=James%20Bond&amp;testEmail=james.bond%40gmail.com
  • URL 编码:/Home/DidItWork?testUserName=James%20Bond&testEmail=james.bond%40gmail.com

当您将 URL 传递给网络服务器时,它应该是 URL 编码的,否则服务器将无法解释查询字符串中的 &amp; 符号.

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

更新

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

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