9

我想拦截 Sammy 的所有路由更改,以首先检查是否有待处理的操作。我已使用sammy.beforeAPI 完成此操作,并返回 false 以取消路由。这使用户保持在“页面”上,但仍会更改浏览器地址栏中的哈希并将路由添加到浏览器的历史记录中。如果我取消路线,我不希望它出现在地址栏或历史记录中,而是希望地址保持不变。

目前,为了解决这个问题,我可以调用 window.history.back (yuk) 以返回历史记录中的原始位置,或者调用 sammy.redirect。两者都不理想。

有没有办法让 sammy 真正取消路线,使其停留在当前路线/页面上,保持地址栏不变,并且不添加到历史记录中?

如果没有,是否有另一个路由库可以做到这一点?

sammy.before(/.*/, function () {
    // Can cancel the route if this returns false
    var response = routeMediator.canLeave();

if (!isRedirecting && !response.val) {
    isRedirecting = true;
    // Keep hash url the same in address bar
    window.history.back();
    //this.redirect('#/SpecificPreviousPage'); 
}
else {
    isRedirecting = false;
}
return response.val;
});
4

4 回答 4

17

万一其他人碰到这个,这就是我结束的地方。我决定使用context.setLocationsammy 的特性来处理重置路线。

sammy.before(/.*/, function () {
    // Can cancel the route if this returns false
    var
        context = this,
        response = routeMediator.canLeave();

    if (!isRedirecting && !response.val) {
        isRedirecting = true;
        toastr.warning(response.message); // toastr displays the message
        // Keep hash url the same in address bar
        context.app.setLocation(currentHash);
    }
    else {
        isRedirecting = false;
        currentHash = context.app.getLocation();
    }
    return response.val;
});
于 2012-06-21T14:21:38.837 回答
1

使用问题和答案中提供的代码时,您必须注意,您取消的路由也将被阻止以供将来所有调用, routeMediator.canLeave 将不会再次评估。调用路由两次并根据当前状态取消它是不可能的。

于 2012-12-18T15:37:47.337 回答
0

我可以产生与 John Papa 在 SPA/Knockout 课程中使用 SammyJS 时相同的结果。

我使用 Crossroads JS 作为路由器,它依赖于 Hasher JS 来监听浏览器“发出”的 URL 变化。

代码示例是:

hasher.changed.add(function(hash, oldHash) {
    if (pageViewModel.isDirty()){
        console.log('trying to leave from ' + oldHash + ' to ' + hash);

        hasher.changed.active = false;
        hasher.setHash(oldHash);
        hasher.changed.active = true;

        alert('cannot leave. dirty.');
    }
    else {
        crossroads.parse(hash);
        console.log('hash changed from ' + oldHash + ' to ' + hash);
        }
});
于 2016-01-02T10:04:29.857 回答
0

在重新访问一个较旧的项目并遇到类似情况后,我想分享另一种方法,以防万一其他人被引导到这里。

所需要的本质上是一种现代的“身份验证”模式,用于拦截页面并根据凭据进行重定向。

Sammy.around(callback)在这里定义 的使用效果很好: Sammy.js docs: Sammy.Application around(callback)

然后,只需执行以下操作...

(function ($) {
    var app = Sammy("body");

    app.around(checkLoggedIn);

    function canAccess(hash) {
        /* access logic goes here */
        return true;
    }

    // Authentication Guard
    function authGuard(callback) {
        var context = this;
        var currentHash = app.getLocation();
        if (!canAccess(currentHash)) {
            // redirect
            context.redirect("#/login");
        }
        else {
            // execute the route path
            callback();
        }
    };

})(jQuery);
于 2016-09-19T23:08:30.900 回答