Costruire un URL con parametri utilizzando jQuery

Question

ho per esempio, il seguente URL memorizzato in una variabile globale:

var myUrl = "http://mydomain.com/something?row=1"; 

Poi una funzione deve aggiungere diciamo un altro parametro chiamato "colonna". In che modo questa funzione aggiungerebbe parametri a una stringa di URL preesistente usando jQuery?

Esempio di stringa generata previsto:

"http://mydomain.com/something?row=1&column=9" 

Il problema è che myUrl potrebbe anche essere semplicemente:

var myUrl = "http://mydomain.com/something"; 

(Si noti che non ci sono pre-esistenti parametri)

Answer 1

Controlla la funzione jQuery .param(), che dovrebbe fare il trucco.

http://api.jquery.com/jQuery.param/

È quindi possibile solo creare una funzione che aggiunge la stringa generata dal .param() a un URL.

Answer 2

Non hai bisogno di jQuery, utilizzare una funzione come questa:

var buildUrl = function(base, key, value) { 
    var sep = (base.indexOf('?') > -1) ? '&' : '?'; 
    return base + sep + key + '=' + value; 
} 

si può usare in questo modo:

buildUrl('http://www.example.com/foo', 'test', '123'); 
buildUrl('http://www.example.com/foo?bar=baz', 'test', '123'); 

Answer 3

Si può provare questo.

myUrl += ((myUrl.indexOf('?') == -1) ? '?' : '&'); 
myUrl += "column=9"; 

Answer 4

if (myUrl.indexOf("?") != -1){ 
    // contains query string 
} 
else 
{ 
    // doesn't 
} 

Answer 5

tenere tutto in un oggetto fino a che realmente bisogno di una stringa.

Prima popolano l'oggetto da alcuni valori iniziali:

var $_GET = location.search.substr(1).split("&").reduce(function(obj, val){ 
    if(!val) return obj; 
    var pair = val.split("="); 
    obj[pair[0]] = pair[1]; 
    return obj; 
}, {}); 

Considerando URL iniziale: "http://mydomain.com/something?row=1&column=9"

$_GET['column'] = 5; 

$.param($_GET); //"row=1&column=5" 

Array#reduce

Answer 6

var myUrl = "http://mydomain.com/something"; 

function addQSParm(name, value) { 
    var re = new RegExp("([?&]" + name + "=)[^&]+", ""); 

    function add(sep) { 
     myUrl += sep + name + "=" + encodeURIComponent(value); 
    } 

    function change() { 
     myUrl = myUrl.replace(re, "$1" + encodeURIComponent(value)); 
    } 
    if (myUrl.indexOf("?") === -1) { 
     add("?"); 
    } else { 
     if (re.test(myUrl)) { 
      change(); 
     } else { 
      add("&"); 
     } 
    } 
} 

console.log(myUrl); 

addQSParm("foo", "asdf"); 
console.log(myUrl); 

addQSParm("bar", "qwerty"); 
console.log(myUrl); 

addQSParm("foo", "123"); 
console.log(myUrl); 

jsFiddle