使用jQuery构造带参数的URL

Question

我有一个存储在全局变量中的以下URL:

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

然后一个函数必须添加一个名为" column "的另一个参数.该函数如何使用jQuery将参数添加到预先存在的URL字符串？

预期生成的字符串的示例:

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

问题是,myUrl这也可能只是:

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

(请注意,没有预先存在的参数)

Answer 1

查看jQuery函数.param(),这应该可以解决问题.

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

然后,您可以创建一个函数,将.param()生成的字符串附加到url.

Answer 2

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

Answer 3

你不需要jQuery,使用这样的函数:

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

你会像这样使用它:

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