An Introduction to jQuery Templating

JavaScript Templating is a neat idea: it allows you to easily convert JSON to HTML without the work of parsing the it. At Microsoft's MIX10 conference, they announced that they would be starting to work with the jQuery team; one of their efforts was to provide a templating plugin. In this quick tip, I'll show you how to use it!

Category:

Education

Tags:

• jquery
• jquery template
• template plugin
• javascript
• nettuts

[dimondwoof]

I know Devbhagat probably got past his issue, but for everyone else's edification:

There is no longer a "render"; you use "tmpl" instead.

[Devbhagat]

Hi,

Just tried to do it at my own today...

It gives me an error. render is not a function

$("#listTemplate").render is not a function

 $("#listTemplate").render(data­).appendTo("ul");

[vesenthraiy]

This seems way more complicated than .append()

[integral30]

@crawlinoc 1) offload the templating logic from server developer to client developer 2) said client developer can make MVC style frontends easier without mixing display application state logic.

[sairamkunala]

@crawlinoc - One thing I could think of is to have the organizing of the data into proper html tags from the server side to the client side .

[crawlinoc]

great stuff. what is the real life use?

[davilious]

Really potent, thanks for this video.

Regards from Spain.