Chargement du code HTML sans rafraîchissement

Question

Je ne suis pas sûr de la façon d'aborder cette question, dois-je avoir le html à charger caché ou à charger quelque part? Je souhaite charger un formulaire sur une page et un contenu dynamique sur d'autres pages.

Le formulaire peut être sauvegardé à mongo db, et quand la page se charge doit charger les données dans cette forme de mongo db.

Où le code html en direct pour toutes les pages? Je veux avoir un document html5 propre avec laisse dire un contenu div. tout le contenu va dans ce bloc.

Server exécutant Django Im veulent utiliser Backbone.js pour l'application

toute aide serait appréciée

Answer 1

La première page doit inclure la mise en page de base de l'application (en-tête, le contenu, la barre latérale, différente espace réservé pour votre point de vue, etc.)

Ensuite, vous chargez l'application (généralement avec un contrôleur) et de rendre le point de vue différent qui remplacera les espaces réservés que vous aviez dans votre mise en page.

Pour rendre les points de vue, je vous suggère d'utiliser un moteur de templating. Avec backbone.js, il y a déjà underscore.js sur la page, donc vous pouvez utiliser le moteur de template inclus (http://documentcloud.github.com/underscore/#template). Vous devez ensuite charger le modèle sur la page. La façon la plus simple est de créer inclure un élément de script sur la page avec votre modèle à l'intérieur:

<script type="text/template" name="template1"> 
your template here... 
</script> 

Et vous pouvez le charger en utilisant ceci:

var template = _.template(jQuery("script[name=template1]").text()) 

et exécuter avec vos données

var html = template(model) 

Vous construisez votre page avec différentes vues de backbone en utilisant un modèle différent.

J'espère que cette aide!