Question

Backbone.Router.navigate将test设置为true：

var test = false;

var Router = Backbone.Router.extend({
  routes: {
    'posts': 'showPosts'
  },
  showPosts: function () {
    test = true;
  }
});

router = new Router();
Backbone.history.start();

router.navigate('posts?foo=3', {trigger: true});

assert.ok(test);

例如，默认情况下，posts?foo=3片段是否会与posts路由匹配，或者我是否必须为此设置另一条路线，例如：posts?*querystring？

谢谢

PS：我知道存在backbone-query-parameters，但我想知道骨干。

Answer 1

您需要添加具有该期望参数的其他路线：

routes: {
    'posts?foo=:foo' : 'showPosts',
    'posts': 'showPosts'
},
showPosts: function (foo) {
    if(typeof foo != 'undefined'){
       // foo parameters was passed
    }
    test = true;
}

<强>更新
您可以定义返回所有查询字符串的常规路由，然后在处理程序中解析它：

routes: {
   'posts': 'showPosts',
   'posts?*queryString' : 'showPosts'
},
showPosts: function (queryString) {
    var params = parseQueryString(queryString);
    if(params.foo){
        // foo parameters was passed
    }
}  
...
// and the function that parses the query string can be something like : 
function parseQueryString(queryString){
    var params = {};
    if(queryString){
        _.each(
            _.map(decodeURI(queryString).split(/&/g),function(el,i){
                var aux = el.split('='), o = {};
                if(aux.length >= 1){
                    var val = undefined;
                    if(aux.length == 2)
                        val = aux[1];
                    o[aux[0]] = val;
                }
                return o;
            }),
            function(o){
                _.extend(params,o);
            }
        );
    }
    return params;
}

更新2

这是a live demo，可以查看代码的实际效果。

Answer 2

只是为了补充先前的答案，而不是定义具有相同回调的两条路线，例如：

routes: {
    'posts': 'showPosts',
    'posts?*querystring': 'showPosts'
}

您可以只有一条路线来保持代码清洁：

routes: {
    'posts(?*querystring)': 'showPosts'
}

Answer 3

Backbone docs：

路由可以包含参数部分：param，它匹配斜杠之间的单个URL组件;和splat parts * splat，可以匹配任意数量的URL组件。

如果您仍希望在没有匹配的情况下保留功能，则可以定义两条路线

routes: {
  'posts': 'showPosts',
  'posts?*querystring': 'showPosts'
}

showPosts: function(querystring) {
  if (querystring) {
    // here you can parse your querystring, for your case the querystring variable is 
    // 'foo=3'
  }
  //here you'll show posts according to the querystring (or lack thereof)      
}

Answer 4

这是另一种观点，仍然使用lodash（下划线）。删除了_.map，为变量添加了一些冗长，并删除了起始'？'如果存在：

function parseQueryString(queryString)
{
    if (!_.isString(queryString))
        return
    queryString = queryString.substring( queryString.indexOf('?') + 1 )
    var params = {}
    var queryParts = decodeURI(queryString).split(/&/g)
    _.each(queryParts, function(val)
        {
            var parts = val.split('=')
            if (parts.length >= 1)
            {
                var val = undefined
                if (parts.length == 2)
                    val = parts[1]
                params[parts[0]] = val
            }
        })
    return params
}

Answer 5

RFC 3986“URI的语法”指出查询参数在哈希片段之前出现。

在URI中，hashmark＃在URL末尾附近引入了可选片段。 URI的通用RFC 3986语法还允许通过问号引入可选查询部分？在带有查询和片段的URI中，片段跟随查询。

我有这个问题处理我从服务器获得的重定向，即“http://foo.com/main.html?error=errormessage#site”。我想在查询上路由，但无法看到写入骨干路由表达式来处理此URL的方法。现在我只是路由哈希并通过解析location.search来检查查询。

使用查询字符串导航路线

5 个答案: