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>

 

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

posted @ 2012-09-14 11:30  小猩猩君  阅读(1764)  评论(0)  编辑  收藏  举报