Simple use of the jQuery plug-in Tmpl

Simple use of the jQuery plug-in Tmpl

JavaScript can also use templates to solve these problems. For example, jQuery. tmpl Based on jquery has now been accepted as an official template plug-in. The detailed API is in the Templates of jQuery. the built-in demo also demonstrates various usage.

1. Introduce the script

2. Compile a template

2.1 assume that there is a data sent from the backend in json format.

The Code is as follows:

[{"TId": 1, "tName": "Zhang San", "tAge": 14, "tClass": 1, "TeachClass": {"cId": 1, "cName": "Class 1 "}},

The Code is as follows:

{"TId": 2, "tName": "", "tAge": 25, "tClass": 1, "TeachClass": {"cId": 1, "cName": "Class 1 "}},

The Code is as follows:

{"TId": 4, "tName": "Zhao ", "tAge": 16, "tClass": 2, "TeachClass": {"cId": 2, "cName": "Class 2"}]

2.2 The following content is displayed:

Then, set the template according to the content you want to display:

Similar to the repeater control in aspx]

[Note: Remember to set the id]

3. Fill in the template

According to the preceding assumptions, the backend returns a string in json format. Then, use the ajax request and fill in the template

4. The results page is displayed.

The above is all the content of this article. I hope you will like it.