Konstruowanie URL z parametrów przy użyciu jQuery

Question

mam na przykład następujący adres URL przechowywanego w zmiennej globalnej:

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

Wtedy funkcja musi dodać powiedzmy inny parametr o nazwie „kolumna”. W jaki sposób funkcja ta dodawałaby parametry do wcześniej istniejącego ciągu URL za pomocą jQuery?

Przykład oczekiwanego generowany ciąg:

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

Problemem jest to, że myUrl może również być po prostu:

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

(Należy zauważyć, że nie ma wstępnie istniejące parametry)

Answer 1

Sprawdź funkcję jQuery .param(), która powinna wystarczyć.

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

Następnie można po prostu stworzyć funkcję, która dołącza ciąg generowany przez .param() do adresu URL.

Answer 2

Nie trzeba jQuery, należy użyć funkcji takich jak to:

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

będzie go używać tak:

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

Answer 3

Można spróbować.

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

Answer 4

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

Answer 5

zachować wszystko w obiekcie aż faktycznie potrzebują ciąg.

Pierwszy zapełnić obiekt z początkowych wartości:

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; 
}, {}); 

Biorąc pod uwagę początkowe url: "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