Aggiunta/modifica stringa di query/variabili GET in un url con javascript

Question

Pertanto, desidero sostituire i valori delle variabili GET in un URL e se la variabile non esiste, quindi aggiungerla all'URL.

EDIT: sto facendo questo per un elementi href non le pagine posizione corrente ..

Io non sono bravo con javascript ma io so come usare jQuery abbastanza bene e le basi di javascript. So come scrivere regex ma non come usare la sintassi javascript di regex e con quali funzioni usarlo.

Ecco quello che ho finora e ha un errore sulla linea 3: vedere su jsfiddle (o al di sotto): http://jsfiddle.net/MadLittleMods/C93mD/

function addParameter(url, param, value) { 
    var pattern = new RegExp(param + '=(.*?);', 'gi'); 
    return url.replace(pattern, param + '=' + value + ';'); 

    alert(url); 
} 

Answer 1

Non è necessario utilizzare jQuery su questo. Le espressioni regolari e le funzioni di stringa sono sufficienti. Vedere il mio codice commentato di seguito:

function addParameter(url, param, value) { 
    // Using a positive lookahead (?=\=) to find the 
    // given parameter, preceded by a ? or &, and followed 
    // by a = with a value after than (using a non-greedy selector) 
    // and then followed by a & or the end of the string 
    var val = new RegExp('(\\?|\\&)' + param + '=.*?(?=(&|$))'), 
     parts = url.toString().split('#'), 
     url = parts[0], 
     hash = parts[1] 
     qstring = /\?.+$/, 
     newURL = url; 

    // Check if the parameter exists 
    if (val.test(url)) 
    { 
     // if it does, replace it, using the captured group 
     // to determine & or ? at the beginning 
     newURL = url.replace(val, '$1' + param + '=' + value); 
    } 
    else if (qstring.test(url)) 
    { 
     // otherwise, if there is a query string at all 
     // add the param to the end of it 
     newURL = url + '&' + param + '=' + value; 
    } 
    else 
    { 
     // if there's no query string, add one 
     newURL = url + '?' + param + '=' + value; 
    } 

    if (hash) 
    { 
     newURL += '#' + hash; 
    } 

    return newURL; 
} 

Ed ecco the Fiddle

Aggiornamento:

Il codice gestisce ora il caso in cui v'è un hash sull'URL.

Modifica

saltata un caso! Il codice ora verifica se esiste una stringa di query in tutto.

Answer 2

Vedi Change URL parameters. Risponde alla tua domanda in modo più generale (modificando qualsiasi parametro url). Ci sono soluzioni per jQuery e js regolari nella sezione delle risposte.

Sembra anche che url.replace dovrebbe essere location.replace ma potrei sbagliarmi (tale affermazione si basa su una ricerca rapida su google per "url.replace javascript").

Answer 3

vorrei andare con this piccola ma completa libreria per gestire gli URL in js:

https://github.com/Mikhus/jsurl

Answer 4

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('input.letter').click(function() { 
      //0- prepare values 
      var qsTargeted = 'letter=' + this.value; //"letter=A"; 
      var windowUrl = ''; 
      var qskey = qsTargeted.split('=')[0]; 
      var qsvalue = qsTargeted.split('=')[1]; 
      //1- get row url 
      var originalURL = window.location.href; 
      //2- get query string part, and url 
      if (originalURL.split('?').length > 1) //qs is exists 
      { 
       windowUrl = originalURL.split('?')[0]; 
       var qs = originalURL.split('?')[1]; 
       //3- get list of query strings 
       var qsArray = qs.split('&'); 
       var flag = false; 
       //4- try to find query string key 
       for (var i = 0; i < qsArray.length; i++) { 
        if (qsArray[i].split('=').length > 0) { 
         if (qskey == qsArray[i].split('=')[0]) { 
          //exists key 
          qsArray[i] = qskey + '=' + qsvalue; 
          flag = true; 
          break; 
         } 
        } 
       } 
       if (!flag)// //5- if exists modify,else add 
       { 
        qsArray.push(qsTargeted); 
       } 
       var finalQs = qsArray.join('&'); 
       //6- prepare final url 
       window.location = windowUrl + '?' + finalQs; 
      } 
      else { 
       //6- prepare final url 
       //add query string 
       window.location = originalURL + '?' + qsTargeted; 
      } 
     }) 
    }); 
</script>