jQuery使用表單答案更改URL

Question

我有一個關於更改具有某些表單信息但可能會導致重復的URL的問題。 用一句話很難解釋。 因此，我有一種用於搜索並嘗試使用下拉菜單進行分頁的表格。 該URL將是這樣的：

http://www.site.com/page/?name=Amanda&state=WA&approved=-2&form_date=&submit=提交

...並且下面的代碼添加了頁面調用（例如）

http://www.site.com/page/?name=Amanda&state=WA&approved=-2&form_date=&submit=Submit&page=2

但是，如果他們再次更改頁面，它將重復頁面調用，因此它將

http://www.site.com/page/?name=Amanda&state=WA&approved=-2&form_date=&submit=Submit&page=2&page=2

我知道如何通過PHP修復它，但我想盡可能將其保留在jQuery中。 下面是我的jQuery調用。 我需要做一個indexOf呼叫嗎？ 那是唯一的方法嗎？ 我以為還有另一種方式，所以我想問一下。

$('#page').change(function(){
    var pathName = window.location.search;
    var page_change = $('#page option:selected').val();
    if(pathName == ""){
        window.location.replace("?page="+page_change);
    } else {
        window.location.replace(pathName+"&page="+page_change);
    }

}）;

謝謝！！！

Answer 1

這是你的意思嗎？

$('#page').change(function(){
    var pathName = window.location.search;
    var page_change = $('#page option:selected').val();
    if(pathName == ""){
        window.location.replace("?page="+page_change);
    } else {
        path_arr = pathName.substr(1).split('&');
        new_path = new Array();
        for(p in path_arr) {
            if (path_arr[p].indexOf('page') == -1) {
                new_path.push(path_arr[p]);
            }
        }
        window.location.replace('?' + new_path.join() + '&page=' + page_change);
    }
});