Simple use of the jQuery plug-in Tmpl, jquery plug-in tmpl

Simple use of the jQuery plug-in Tmpl, jquery plug-in tmpl

1. Introduce the script

2. Compile a template

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

Copy codeThe Code is as follows: [{"tId": 1, "tName": "Zhang San", "tAge": 14, "tClass": 1, "TeachClass": {"cId ": 1, "cName": "Class 1 "}},Copy codeThe Code is as follows: {"tId": 2, "tName": "", "tAge": 25, "tClass": 1, "TeachClass": {"cId ": 1, "cName": "Class 1 "}},Copy codeThe Code is as follows: {"tId": 4, "tName": "Zhao six", "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.