【问题标题】:BackboneJs Browser refresh should load the same pageBackboneJs 浏览器刷新应该加载相同的页面
【发布时间】:2015-08-26 04:31:02
【问题描述】:

我是新来的backboneJs。

目前,当我刷新浏览器时,它会将我带回登录页面。

var AppRouter = Backbone.Router.extend({
        routes : {
        // Pages           
        'startup' : 'LoginScreen',
        'Home' : 'HomeScreen',
        'AssetDetail':'AssetScreen',
        '*actions' : 'LoginScreen'
    },
    ...
   });



    var initialize = function(options) {
     var appView = options.appView;
     var router = new AppRouter(options);


router.on('route:LoginScreen', function(actions) {
    require([ 'login/LoginView' ], function(StartView) {
        console.log(" --route login");
        var startView = new StartView();
    });
});

router.on('route:HomeScreen', function(actions) {

    require([ 'home/HomeView' ], function(HomeScreenView) { 
     console.log(" --route home");

     var homeScreenView = new HomeScreenView();

 });
});

router.on('route:AssetDetailScreen', function(actions) {


    require([ 'views/AssetDetailView' ],    function(AssetDetailScreenView) {
        var assetdetailScreenView = new AssetDetailScreenView();

    });
});

Backbone.history.start({pushState: true});

};

假设我当前的网址是 http://localhost:8080/myapp/# ,当我刷新浏览器(可能是 F5)时,我想加载相同的页面。

我该怎么做?,帮帮我!

【问题讨论】:

    标签: javascript jquery backbone.js backbone-routing


    【解决方案1】:

    最初写这个答案的人不是我,但我认为这是最好的解决方案。

    *"你可以调用 Backbone.history.loadUrl。 刷新当前页面:

    *`Backbone.history.loadUrl(Backbone.history.fragment);`*
    

    或作为链接处理程序: // Backbone.history.navigate 对所有路由器都足够了,并且会触发 // 正确的事件。无论如何,Router 的内部 navigate 方法都会调用它。

    var ret = Backbone.history.navigate(href, true);
    

    // 通常,Backbone 的历史/路由器在尝试加载相同的 URL 时不会执行任何操作。 // 但是由于我们希望它重新触发相同的路由,我们可以检测到 // 当 Backbone.history.navigate 什么都不做时,强制路由。

    if (ret === undefined) {
        Backbone.history.loadUrl(href);
    }"*
    

    Backbone: Refresh the same route path for twice

    【讨论】:

      猜你喜欢
      • 2021-09-19
      • 2011-09-14
      • 2019-05-31
      • 1970-01-01
      • 2014-01-16
      • 2015-07-23
      • 1970-01-01
      • 2021-04-05
      • 2017-03-22
      相关资源
      最近更新 更多