Backbone.Router.extend 路由

例子一:

 1 <!DOCTYPE HTML>

 2 <html lang="en-US">

 3 <head>

 4     <meta charset="UTF-8">

 5     <title>backbone</title>

 6     <script src="app/jquery-1.8.1.min.js"></script>

 7     <script src="app/underscore-min.js"></script>

 8     <script src="app/backbone-min.js"></script>

 9     <script>

10     (function($){

11         var AppRouter = Backbone.Router.extend({

12             routes:{

13                 "*actions":"defaultRoute"

14             },

15             defaultRoute:function(actions){

16                 console.log(actions);

17             }

18         });

19 

20         var app_router = new AppRouter;

21         Backbone.history.start();

22     })(jQuery);

23     </script>

24 </head>

25 <body>

26     <a href="#actions">actions</a>

27 </body>

28 </html>

 

例子二:

 

 1 <!DOCTYPE HTML>

 2 <html lang="en-US">

 3 <head>

 4     <meta charset="UTF-8">

 5     <title>backbone</title>

 6     <script src="app/jquery-1.8.1.min.js"></script>

 7     <script src="app/underscore-min.js"></script>

 8     <script src="app/backbone-min.js"></script>

 9     <script>

10     (function($) {

11         var AppRouter = Backbone.Router.extend({

12             routes: {

13                 "/posts/:id": "getPost",

14                 "*actions": "defaultRoute"

15             },

16 

17             //匹配/posts/:id

18             getPost: function(id) {

19                 console.log(id);

20             },

21 

22             //匹配所有url

23             defaultRoute: function(actions) {

24                 if (actions) {

25                     console.log(actions);

26                 }

27             }

28         });

29 

30         var app_router = new AppRouter;

31         Backbone.history.start();

32     })(jQuery);

33     </script>

34 </head>

35 <body>

36     <p><a href="#actions">testActions</a></p>

37     <p><a href="#/posts/120">Post 120</a></p>

38 </body>

39 </html>

 

例子二显示了两种路由取值的方法

你可能感兴趣的:(backbone)