Zamień dynamicznie parametr url

Question

Mam skrypt, który dodaje wartość z klikniętego elementu. Jednak - po kliknięciu chciałbym zastąpić wartość nową.

Przykład:

<ul class="acfilter"> 
<li><a href="reset">reset</a></li> 
<li><a href="One">One</a></li> 
<li><a href="Two">Two</a></li> 
</ul> 

Script

$(document).ready(function() { 
    $('ul.acfilter li a').on('click', function(e) { 
     e.preventDefault(); 
     if ($(this).attr('href') != "reset") { 
      if (location.href.indexOf('?') === -1) { 
       location.href = location.href + "?fss=" + $(this).attr('href'); 
      } else { 
       location.href = location.href + "+" + $(this).attr('href'); 
      } 
     } else { 
      location.href = location.origin + location.pathname; 
     } 
    }); 
}); 

Pierwszy parametr onclick daje ?fss=one i na drugim kliknij dostać? fss=one+two. Link resetujący usuwa to.

Jednak - chciałbym zastąpić wartość "jeden" wartością "dwa" na kliknięciu. Wartość jest dynamiczna - więc nie mogę po prostu zrobić If/Else url.replace ze znaną wartością.

Jak to zrobić?

Edit:

Zapomniałem wspomnieć, że mogą istnieć inne parametry w adresie URL. Przykład:

Pierwsze kliknięcie daje

?fss=one 

i tym, gdy robi akcję, która daje inny parametr I wspomnieć, że daje to:

?param=list&fss=one 

która jest prawidłowa za pomocą skryptu z Brijesh użytkownika chowdary lavu. Lista param = jest parametrem, który zawsze musi być pierwszy i jest napisany, aby to zrobić i zmienia się z listy na largelistę, działa to również z tym skryptem.

Problem jest po kliknięciu na mojej konkretnej klasy po raz drugi - zamiast iść z

?param=list&fss=one 

do

?param=list&fss=two 

zastępuje wszystko

?fss=one 

Answer 1

Spróbuj tego.

$('ul.acfilter li a').on('click', function(e) { 
    e.preventDefault(); 
    if ($(this).attr('href') != "reset") { 
     if (location.href.indexOf('?') === -1) { 
      location.href = location.href + "?fss=" + $(this).attr('href'); 
     } else { 
      location.href = location.origin + location.pathname + "?fss=" + $(this).attr('href'); 
     } 
    } else { 
     location.href = location.origin + location.pathname; 
    } 
}); 

Albo z prostych metod smyczkowych, można dodać funkcję do skryptu jak poniżej, tak że inne parametry nie muszą zmieniać:

$(document).ready(function() { 
$('ul.acfilter li a').on('click', function(e) { 
    e.preventDefault(); 
    if ($(this).attr('href') != "reset") { 
     if (location.href.indexOf('?') === -1) { 
      location.href = location.href + "?fss=" + $(this).attr('href'); 
     } else { 
      location.href = changeParameter(window.location.toString(),"fss",$(this).attr('href')); 
     } 
    } else { 
     location.href = location.origin + location.pathname; 
    } 
}); 

}); 
    function changeParameter(str,par,val) 
    { 
      var t1 = str.indexOf(par); 
      var t3 = t1+par.length+1; 
      var t2= str.indexOf("&",t3); 
      if(t2==-1) 
      { 
       return str.substring(0,t3)+val; 
      } 
      else 
      { 
       return str.substring(0,t3)+val+str.substring(t2); 
      } 
    } 

Answer 2

Musisz śledzić parametr fss (nie wartość) i cały czas wymieniać jego wartość.

Najlepszym sposobem na zrobienie tego jest split od punktu fss.

//Lets split the href by the param fss 
var urlParts = location.href.split("fss"); 

//Insert your new value together with the param. (split removes the param) 
if (location.href.indexOf("?") < 0) 
    location.href = urlParts[0] + "?fss=" + $(this).attr('href'); 
else  
    location.href = urlParts[0] + "fss=" + $(this).attr('href'); 

I resetowania

location.href = location.href.split("fss")[0];