Réduire la transmission à un minimum avec javascript

Question

Est-ce que quelqu'un a déjà travaillé avec un système de renvoi dit, des données JSON et l'utilisation d'une routine javascript pour générer le code HTML pour économiser sur la bande passante?

Quelles sont les méthodes disponibles et existe-t-il des systèmes de modèles disponibles?

Answer 1

Commencez par le JavaScript Micro-Templating de John Resig.

Answer 2

Certains l'aiment, certains le détestent, mais vous pouvez créer des modèles de HTML sous forme de chaîne dans votre dossier de demande de base (par exemple, les fichiers js inclus dans la page principale.)

var fooTemplate = "<div class='%div_class_parent%'>"+ 
        "<div class='%div_class_child%'/>"+ 
        "</div>"; 

alors que vous venez charger cela dans un noeud DOM existant en utilisant la méthode innerHTML.

document.getElementById('someNode').innerHTML = parseFooTemplate(); 

où retourne parseFooTemplate fooTemplate avec les éléments de %% remplacés par des données correctes qui ont été renvoyés par le JSON.

Ceci est juste l'une des nombreuses façons de s'y prendre. La boîte à outils dojo a sa propre manière où les widgets peuvent avoir un modèle HTML dans les coulisses. Il y a trop de façons d'énumérer ici.

Answer 3

Pour générer Baser HTML sur JSON vous aurez besoin d'un moteur de template pour javascript
Je recommande le moteur de template Zparse http://code.riiv.net/zparse/ il est vraiment génial - je l'utiliser beaucoup.

La meilleure partie - vous pouvez l'étendre facilement en déclarant vos propres étiquettes.