4

フォームが送信された後に表示されるURLを変更したいのですが、以下のコードは私が望んでいることを実行していないようです。アドレスバーのURLを変更するにはどうすればよいですか？

コード

<!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

URLを変更するには、次のことを行う必要があります。

window.location.href = testurl;

ただし、これには、ページ全体に新しいURLをロードするという「副作用」があります（同じかどうかは関係ありません）。

表示内容を変更したいがページをリロードしたくない場合は、pushStateを使用して新しいHTML5履歴APIを使用することをお勧めします。これは、動的にロードされたページの内容をURLに反映させるために多くのAjaxサイトで行われていることですが、IE9-とは互換性がありません。

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

tl; dr：testurlはへの参照ではないので（同じ値を持っているだけです）、の代わりにwindow.location.hrefURLを直接割り当てる必要があります。例えば：window.location.hreftesturlwindow.location.href = "http://example.com/redirect.html";

基本的に、Webサイトが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。したがって、この時点で、testurlexample.com window.location.href/ index.htmlに設定されていますが、それらは互いに関係がありません（testurlへの参照ではなくwindow.location.href、同じ値を持っているだけです）
  2. testurl == testurl.replace(...);testurlリダイレクト先のサイトに置き換えられますが、はへの参照testurlではないwindow.location.hrefため、 example.com / redirect.htmlにtesturlなり、以前のexample.com/index.htmlのwindow.location.hrefままになります。

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 に答える