使用MVC3 @ Url.Action的JQuery Load不能正确传递参数

时间:2012-10-12 19:53:22

标签: ajax asp.net-mvc-3

我注意到,@Url.Action("myAction", new { param1 = 123, param2 = 456})正在为我提供无效的网址Home/myAction?param1=123&param2=456

我正在尝试

$("#myAjaxDiv").load(url);

但只有param1会在操作方法中填充。

当我删除&并将其设为&时,它就可以正常工作,但是更换字符串是超级hacky。

url = url.replace("&", "&");

我在这里错过了什么吗?

编辑:每个请求我都包含了一些示例应用。 (您可以创建一个新的MVC应用程序,只需快速添加并亲自查看)

控制器:

public ActionResult AjaxTest(int? year, int? month)
{
    ViewBag.Message = string.Format("Year: {0}, Month: {1}", year.HasValue ? year.ToString() : "no year", month.HasValue ? month.ToString() : "no month");
    return PartialView("AjaxTest");
}

AjaxTest查看:

@ViewBag.Message

索引视图:

<script>
    $(function () {
        var url="";
        $("#noParams").click(function () {
            url = "Home/AjaxTest";
            $("#ajaxy").load(url)
            $("#url").text(url);
        });
        $("#yearParam").click(function () {
            url = "Home/AjaxTest?year=2012";
            $("#ajaxy").load(url)
            $("#url").text(url);
        });
        $("#yearAndMonthParam").click(function () {
            url = "Home/AjaxTest?year=2012&month=10";
            $("#ajaxy").load(url)
            $("#url").text(url);
        });

        $("#generated").click(function () {
            url = "@(Url.Action("AjaxTest", new { year=2012, month=10}))";
            $("#ajaxy").load(url);
            $("#url").text(url);
        });

    });
</script>

<a id="noParams" href="#">No Params</a> <br />
<a id="yearParam" href="#">Year Param</a> <br />
<a id="yearAndMonthParam" href="#">Year and Month Param</a> <br />
<a id="generated" href="#">Generated</a> <br />
<div id="ajaxy">

</div>

<div>
URL: <span  id="url"></span>
</div>

2 个答案:

答案 0 :(得分:14)

默认情况下,使用IHtmlString块发出的每个内容(不是@)都会由Razor自动进行HTML编码(请参阅此Razor intro article Html编码部分)

Url.Action只返回普通string,这就是&被编码的原因。

如果您不想进行编码,请使用Html.Raw

url = "@(Html.Raw(Url.Action("AjaxTest", new { year=2012, month=10})))";

答案 1 :(得分:4)

您也可以通过这种方式构建网址。

var url = "@Url.Action("AjaxTest","YourControllerName")?year=2012&month=10";
$("#ajaxy").load(url);