javascript - history.pushState() change query values - Stack Overflow

admin管理员组

文章数量:1241151

If I have a link that is being changed with the function history.pushState({}, "", link); where my link is for example page.php?value=1&value2=2 Is there a way to just change the value2 with pushState() function instead of changing the whole link?

If I have a link that is being changed with the function history.pushState({}, "", link); where my link is for example page.php?value=1&value2=2 Is there a way to just change the value2 with pushState() function instead of changing the whole link?

• javascript
• jquery
• pushstate

Share Improve this question Follow edited May 2, 2012 at 20:14 Chris Pratt 239k3737 gold badges409409 silver badges464464 bronze badges asked May 2, 2012 at 20:13 GrigorGrigor 4,0591010 gold badges4343 silver badges7979 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 4

If what you're trying to do is change the URL without adding an additional entry to the history object, you might try replaceState.

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

No, because the query string is part of the URL. If you don't truly need to pass those values for the purposes of the server, you can include them in the history's state object itself, and then you can change just the state object with pushState(). For example:

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

You can use this useful function to change a query string parameter value:

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

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

本文标签： javascripthistorypushState() change query valuesStack Overflow