4

I would like to change the URL that appears once a form has been submitted although the code below does not appear to do what I would like it to do. How do I change the URL in the address bar?

CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XMHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    <meta http-equiv="content-language" content="en-us" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="pragma" content="no-cache" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="copyright" content="&copy; 2012" />
    <meta name="robots" content="noindex, nofollow" />

    <title>sample form</title>

    <link rel="stylesheet" type="text/css" media="all" href="" />

    <style type="text/css">

    </style>

    <script type="text/javascript">

        var testurl = window.location.href;
        if(testurl == "file:///C:/Users/user/Desktop/sample_form.html?q=test&submit=submit") {
            testurl = testurl.replace(/q=[^&]+&[a-z]+\=[a-z]+/,'test');
            alert(testurl);
        }

    </script>
</head>

<body>

    <form name="sampleform" id="sampleform" method="get" action="sample_form.html">
        <input type="text" name="q" value="" id="q" />
        <input type="submit" name="submit" value="submit" id="submit" />
    </form>

</body>
</html>
4

4 回答 4

3

尝试以下操作：

<script type="text/javascript">

    var testurl = document.URL;
    if(testurl == "file:///C:/Users/user/Desktop/sample_form.html?q=test&submit=submit") {
        testurl = testurl.replace(/q=[^&]+&[a-z]+\=[a-z]+/,'test');
        window.location.href = testurl;
    }

</script>

一张纸条：

使用 window.location 对与当前帧关联的位置对象进行读写访问。如果您只想将地址作为只读字符串获取，您可以使用 document.URL，它应该包含与 window.location.href 相同的值

于 2012-11-18T19:55:54.817 回答
3

要更改网址，您必须这样做：

window.location.href = testurl;

但这具有使用新网址加载整个页面的“副作用”（无论是否相同）。

如果您想更改显示的内容但不重新加载页面，则必须使用pushState来使用新的 HTML5 历史 API。这就是在许多 Ajax 站点中所做的，让 URL 反映动态加载页面中的内容，但它与 IE9- 不兼容。

var stateObj = { foo: "bar" };
history.pushState(stateObj, "some useless title", testurl);
于 2012-11-18T19:56:40.717 回答
1

tl;dr:testurl不是对的引用window.location.href（它们只是具有相同的值），因此您需要将 URL 直接分配给window.location.href而不是testurl. 例如：window.location.href = "http://example.com/redirect.html";

基本上，假设您的网站位于 example.com/index.html，并且您想重定向到 example.com/redirect.html。

您的问题正在发生，因为您将位置分配给testurl，而不是window.location.href。让我解释：

  1. var testurl = window.location.href;将window.location.href（example.com/index.html）的值赋给变量testurl. 所以在这一点上，testurl并window.location.href设置为example.com/index.html，但它们彼此无关（testurl不是对的引用window.location.href，它只是具有相同的值）
  2. testurl == testurl.replace(...);替换testurl为您要重定向到的站点，但由于testurl不是对的引用window.location.href，因此testurl变为 example.com/redirect.html 并window.location.href保持原来的状态，即 example.com/index.html。

所以为了解决这个问题，你需要window.location.href直接设置，就像你设置任何其他变量一样，例如window.location.href = "http://example.com/redirect.html";.

为它分配一个变量将以完全相同的方式工作，如下所示：

var url = "http://example.com/";
// manipulate the url variable
window.location.href = url;

然后，window.location.href将设置为任何url值（如果您根本没有操纵变量，则为http://example.com/ ）

于 2012-11-18T20:14:43.617 回答
0

您可以使用以下解决方案来解决您的问题：

window.location.replace('@Url.Action("Action", "Controller")')
于 2018-09-26T05:43:35.327 回答