jquery - 从参数构建漂亮的 url

Question

jQuery 有一个 param() 函数，我正在寻找类似的功能。我需要在我的对象中返回一个 url。例如：

url: function() {
  return this.baseUrl + '?' + $.param({page: this.page, perPage: this.perPage});
},

这将返回 example.com/?page=1&perPage=5 或类似形式的 url。如何形成网址 example.com/page/1/perpage/5？

Answer 1

您可以创建自己的函数：

function build(base, params) {
    for(var k in params) {
        if(params.hasOwnProperty(k)) {
            base += '/' + k + '/' + params[k];
        }
    }
    return base;
}

唯一的问题是无法保证参数的顺序（这对于查询字符串来说不是问题，但对于此类 URL 可能是问题）。您可能还想添加一个检查 base 是否已以斜杠结尾。

Answer 2

只是一个想法:)

'example.com/?page=1&perPage=5'.replace(/[&=]/g,'/').replace('?','')
 .toLowerCase();

Answer 3

把这个放在最后：

replace(/[&=]/g,'/').replace('?','')

像这样：

url: function() {
  return (this.baseUrl + '?' + $.param({page: this.page, perPage: this.perPage})).replace(/[&=]/g,'/').replace('?','');
},

编辑以指出菲利克斯·克林对 ? 的担忧：
这只会删除第一个？保留作为查询字符串一部分的任何其他 ? 完整。使用起来非常安全。