ページが読み込まれた後にURLからクエリ文字列を削除するにはどうすればよいですか？

Question

URLに長いクエリ文字列が付いています。 ページが読み込まれた後、私はクエリ文字列を必要としません。だから私は、ページのリロードなしでアドレスバーからクエリ文字列を削除したい。

私は、彼らは違いはありませんでしたparent.location.hash = '';とwindow.location.href = '/#'

を試してみました。

Answer 1

あなたはブラウザのアドレスバーにあなたが望むものを置くことができたら、ページをリロードすることなくそれを行うことはできませんか？セキュリティ楽しい:)

あなたは今、新しいhistory APIを使用して（それだけをサポートしているブラウザで動作します）HTML5でそれを行うことができますが、しかし、現実的に、あなたのシナリオ最高のワラント書き換えの代わりにハンマーがいるようだ（という含みますナットを割る）。

ページが読み込まれた後でクエリ文字列を入力する必要がないと言われたように、は本当にとなり、処理が完了したら別のURLにリダイレクトされます。

Answer 2

これはmodern browsersで達成可能ですが、the history apiを使用していますが、おそらくあなたの問題に対する最良の解決策ではありません。

history.replaceState({}, 'some title', '/'); 

HTMLドキュメントを直接返すのではなく、データを処理してからホームページにリダイレクトするほうが良いと思います。

URLを保持したくないので、ブックマークには便利ではないので、POSTリクエストを行うほうがよいでしょう。

これはPOST-Redirect-GET patternを使用する必要があることを示しています。

Answer 3

使用pushStateためhistory.replaceState({}, "Title", "page.html");

同じ構文。しかし、あなたはそれをIEに理解させる方法を見つけなければならないでしょう。

より良い方法は、Apache mod_rewriteモジュールを使用することです。それは非常に使いやすいです。

Answer 4

GETの代わりにPOSTを使用すると、クエリ文字列をすべて避けることができます。

Answer 5

は、今では

ちょうどそのリンクを変更したいあなたのページ内のコードの下に追加動作しますコードを更新しました。

// javascript function 

    function buildLin(first) { 
    var firs = first.toString() 
     //alert(firs); 
     //document.getElementById("team").value = "1"; 
      document.location.hash = "#" + firs.replace(/ /g, "_"); 
     //alert(document.location.hash); 
    } 

//jQuery to call above function after page loads 

    $(document).ready(function() { 
     buildLin(2); 
    }); 

は、私は同じ問題に直面しているあなたのページに

Answer 6

をhttp://code.jquery.com/jquery-latest.js を追加することを忘れないでください。私のソリューションは、これらのだった： このような要求を取得：すべてのメッセージがある場合、私はこのようにそれらを印刷し、応答で

Response.Redirect("operation.aspx"); 

：操作を終えた後

operation.aspx?opr=lock 

を次のようにリダイレクトします。

if (Session["InfoMessages"] != null) 
{ 
    lblMessage.Text = (string)Session["InfoMessages"]; 
    Session["InfoMessages"] = null; 
} 

私はそれが他人を助けることを願っています:)

Answer 7

他の人の話によると、現代のブラウザ（IE10 +、FF4 +、Chrome5 +）ではHistory APIを使用してこれを行うことができます。解答には完全な例がありませんでしたので、私はちょうど同じことを行うための要件だったように私は、私の解決策を共有したいと考え出し：あなたはModernizrを使用している場合

history.pushState(null, "", location.href.split("?")[0]); 

を、あなたも歴史かどうかを確認することができますAPIは非常に似提供されています：

if (Modernizr.history) { 
    history.pushState(null, "", location.href.split("?")[0]); 
} 

Answer 8

私は私が再ロードせずにURL paramsはを削除する必要が私の個人的なプロジェクトでは、このコードsnippitを使用します。

var newURL = location.href.split("?")[0]; 
window.history.pushState('object', document.title, newURL);