javascript - history.pushState() クエリ値の変更

Question

たとえばhistory.pushState({}, "", link);myが関数で変更されているリンクがある場合、リンク全体を変更する代わりにwith関数を変更する方法はありますか?linkpage.php?value=1&value2=2value2pushState()

score 5 · Accepted Answer

履歴オブジェクトにエントリを追加せずに URL を変更しようとしている場合は、を試すことができますreplaceState。

history.replaceState({value: 1, value2: X}, "title", "page.php");

score 2 · Accepted Answer

この便利な関数を使用して、クエリ文字列パラメーターの値を変更できます。

function updateParam(url, param, value)
{  
    var re = new RegExp(param+"(.+?)(&|$)","g");

    return url.replace(re, param+'='+value)  
}

score 2 · Accepted Answer

いいえ、クエリ文字列は URL の一部であるためです。サーバーのためにこれらの値を渡す必要が本当にない場合は、それらを履歴の状態オブジェクト自体に含めることができます。その後、状態オブジェクトだけをで変更できますpushState()。例えば：

history.pushState({value: 1, value2: 2}, "Title", 'page.php');
history.pushState({value: 1, value2: 'new value'}, "Title");

3 に答える 3