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

Question

我正在尝试使用window.open（actionUrl）打开新窗口，其中actionUrl由操作地址和url作为参数组成。 所以最终actionUrl是：“ / Default / Details？url = http://www.someaddress.com?a1=1&a2=2&a3=3 ”但是，在操作中，我得到的URL是：“ 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参数的使用，我建议检查以下内容：由于我对这种环境不熟悉，因此在asp.net中使用了解码URIComponent 。