Как загрузить файл html в соответствии с маршрутом в sammy js?

Question

У меня недостаточно опыта разработки javascript и jQuery, поэтому мне было интересно, может ли кто-нибудь сказать мне, как создать функцию, использующую шаблоны sammy.js и HTML.

Это рабочий код я прямо сейчас:

<script> 
    ;(function($) { 

     var app = $.sammy(function() { 

     this.get('#/', function() { $('#content').text(''); }); 

     this.get('#/home', function() { $('#content').load('main.html'); }); 

     }); 

     $(function() { app.run() }); 

    })(jQuery); 

</script> 

Этот код помещает содержимое main.html «сек, когда я иду или нажмите на ...html#/home, но я ищу для яваскрипта функции, просто цифры из конечную точку URL (слово после ..#/) и получает страницу html с тем же именем.

В pseudo-code:

if(somethingWasClicked and uses sammy.js) 
    loadContent(); 

function loadContent() { 
    endpoint = figureOutEndPoint(); 
    $('#content').load(endpoint.html); 
} 

Спасибо за помощь

Answer 1

Вам просто нужно route with a parameter в нем:

this.get('#/:page', function() { 
    $('#content').load(this.params['page'] + '.html'); 
}); 

Убедитесь, что это после того, как ваши другие маршруты или он будет вызываться для почти все (например, #/home, которые вы уже обрабатываете).

Вы можете, конечно, поставить другие параметры маршрутов:

this.get('#/:where/:is/:pancakes/:house', function() { 
    // Do things with this.params['where'], this.params['is'], 
    // this.params['pancakes'], and this.params['house']. 
}); 

Вам просто нужно, чтобы убедиться, что вы получите правильный порядок или маршруты могут сражаться друг с другом. Маршруты сопоставляются в том же порядке, в котором они добавлены, поэтому общие общие маршруты обычно идут снизу.