Маршрутизатор Backbone.js
Маршрутизатор Backbone.js используется для сопоставления URL-адресов с параметрами функции маршрутизатора. Он используется для маршрутизации клиентских приложений и связывания их с действиями и событиями. Когда посетитель нажимает кнопку «Назад» или вводит URL-адрес, он сопоставляет URL-адрес с конкретным маршрутом, и указанное действие запускается как событие.
Синтаксис:
router.routes
Параметры: этот параметр представляет собой объект, который соответствует URL-адресу функции или события.
Пример 1: В этом примере мы проиллюстрируем маршрутизатор маршрутов Backbone.js. Здесь мы сопоставим компонент URL с событием, которое будет записано в документе.
HTML
<!DOCTYPE html><html> <head> <title>BackboneJS routes Router</title> type="text/javascript"> </script> <script src= type="text/javascript"> </script> <script src= type="text/javascript"> </script></head> <body> <h1 style="color: green;"> GeeksforGeeks </h1> <h3>BackboneJS routes Router</h3> <script type="text/javascript"> var Router = Backbone.Router.extend({ routes: { "": "first_route", "route/2": "second_route" }, first_route: function () { document.write( "This is by the Router first route."); }, second_route: function () { document.write( "This is by the Router Second route."); }, }); var router = new Router; Backbone.history.start(); </script></body> </html> |
Выход:
Пример 2: В этом примере мы будем прослушивать четный триггер по маршрутам.
HTML
<!DOCTYPE html><html> <head> <title>BackboneJS routes Router</title> type="text/javascript"> </script> <script src= type="text/javascript"> </script> <script src= type="text/javascript"> </script></head> <body> <h1 style="color: green;"> GeeksforGeeks </h1> <h3>BackboneJS routes Router</h3> <script type="text/javascript"> var Router = Backbone.Router.extend({ routes: { "": "first_event", "route/2": "second_event" }, }); var router = new Router; router.on("route:first_event", function () { alert( "This event is trigger by Router") }); Backbone.history.start(); </script></body> </html> |
Выход:
Ссылка: https://backbonejs.org/#Router-routes