如何使用 mooTools 更改查询字符串的值？

Question

给定一个包含带有查询字符串参数的绝对 URL 的字符串，使用 JavaScript 和/或 MooTools 替换参数值的最简单方法是什么？

例如

// Change this
'/foo/bar?frob=123456789'

// Into this
'/foo/bar?frob=abcdefg'

编辑

URL 不是当前窗口的位置。它是一个包含字符串的变量。我只是想操纵这个字符串。

Answer 1

除了您所做的之外，这可能会更好，因为它将扩展 String 并消除对 URI 类的依赖...

(function() {

// deps on Types/String.toQueryString()
String.implement({

    fixQueryString: function(key, value) {
        var query = this.parseQueryString() || {};
        query[key] = value;
        return Object.toQueryString(query);
    }

});

// exports:
this.replaceUrlParameter = function(url, key, value) {
    var parts = url.split('?'), QS = parts[1] || null;

    return QS ? [parts[0], QS.fixQueryString(key, value)].join("?") : url;
};

})();

console.log(replaceUrlParameter('/foo/bar', 'frob', 'ownies'));
/foo/bar/
console.log(replaceUrlParameter('/foo/bar?frob=123123123', 'frob', 'ownies'));
/foo/bar?frob=ownies

http://jsfiddle.net/dimitar/fjj6W/

Answer 2

很抱歉撞到了旧帖子，但我认为它已经在 mootools 中了。无需自己编写:-) http://mootools.net/docs/ more/Types/URI#URI:setData

或者，如果您使用的是非常旧版本的 mootools，请查看此处：http://pilon.nl/mootools/2009/02/05/extra-browsersextras/

Answer 3

如果您想在不重新加载页面的情况下执行此操作，则没有办法（这是网络浏览器安全模型的一部分）。
如果您不介意重新加载页面，请考虑：

location.href='http://example.com/foo/bar?frob=baz'

无需重新加载的替代方法是使用 location.hash，即将

location.hash = 'myhash'

url 更改为 http://example.com/foo/bar?frob=123456789#myhash

这是Hash bang url

Answer 4

这是我想出的解决方案。这依赖于MooTools。

function replaceUrlParameter (url, parameterName, newValue) {
    var uri = new URI(url);
    var uriBase = ri.get('directory') + uri.get('file');
    var query = uri.get('query').parseQueryString(false, true);
    query[parameterName] = newValue;

    uriBase += '?';
    for (var i in query) {
        if (i === 'undefined') continue;
        if (i === '') continue;
        uriBase += i + '=' + escape(query[i]) + '&';
    }
    return uriBase.substring(0, galleryLinkBase.length - 1);
}

这是特定于我的用法的，但它可能会作为将来其他人的起点。