La construcción de una URL con parámetros utilizando jQuery

Question

tengo, por ejemplo, la siguiente URL almacenada en una variable global:

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

Entonces tiene una función para agregar digamos otro parámetro llamado " columna". ¿Cómo agregaría esa función parámetros a una cadena URL preexistente usando jQuery?

Ejemplo de la cadena generada esperada:

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

El problema es que myUrl también podría ser justo:

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

(Nótese que no son pre-existentes parámetros)

Answer 1

Verifique la función jQuery .param(), eso debería ser el truco.

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

continuación, puede simplemente crear una función que añade la cadena generada por .PARAM() a una URL.

Answer 2

No es necesario jQuery, utilice una función como esta:

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

que usaría así:

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

Answer 3

Puede probar esto.

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

Answer 4

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

Answer 5

mantener todo en un objeto hasta que realmente necesita una cadena.

Primero rellenar el objeto de algunos valores iniciales:

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 inicial de: "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