通过javascript将带有参数的url发送到动作函数

Question

我正在尝试使用 window.open(actionUrl) 打开新窗口 actionUrl 由动作地址和 url 作为参数组成。 所以最终 actionUrl 是： “/默认/详细信息？url=http://www.someaddress.com?a1=1&a2=2&a3=3” 但是在操作中，我得到的网址是： “http://www.someaddress.com?a1=1” 我没有得到“&a2=2&a3=3”参数

下面是相关视图代码：

<div>
    <input type="button" value="test" id="btnTest" />
</div>

<script>
    var vurl = '@Url.Action("Details", "Default")';
    $(function () {
        $("#btnTest").click(function () {
            var url = "http://www.someaddress.com?a1=1&a2=2&a3=3";
            vurl = vurl + url;
            window.open(vurl);

        });
    })

</script>

这是控制器和动作

 public class DefaultController : Controller
{
    // GET: Default
    public ActionResult Index()
    {
        return View();
    }

    // GET: Default/Details/5
    public ActionResult Details(string url)
    {
        return View();
    }
}

Answer 1

你需要对url参数的值使用encodeURIComponent函数：

var actionUrl = '/Default/Details?url=' + encodeURIComponent('http://www.someaddress.com?a1=1&a2=2&a3=3');

&a2=2&a3=3 部分实际上是/Default/Details URL 的一部分，而不是http://www.someaddress.com 的一部分。现在内部 URL 是 URI 编码的，它应该可以工作了。

确保在使用url 参数时解码值，但使用decodeURIComponent：

var urlMatch = location.search.match(/url=(.*)&?/);
if (urlMatch) {
    var decodedUrl = decodeURIComponent(urlMatch[1]);
    // do something with the decoded URL...
}

编辑

对于第一部分（URI 编码）并根据您的代码，您应该这样使用它：

<div>
    <input type="button" value="test" id="btnTest" />
</div>

<script>
    var vurl = '@Url.Action("Details", "Default")';
    $(function () {
        $("#btnTest").click(function () {
            var url = "http://www.someaddress.com?a1=1&a2=2&a3=3";
            vurl = vurl + encodeURIComponent(url);
            window.open(vurl);

        });
    })

</script>

关于 ASP.NET 部分和string url 参数的使用，我建议查看以下帖子：using decodeURIComponent within asp.net，因为我不熟悉这个环境。