jQueryプラグイン--jTemplateテンプレート
4147 ワード
一、簡単に紹介するのはjQueryに基づいて開発されたjavascriptテンプレートエンジンです.主な役割は次のとおりです. JavaScriptでJSON形式のデータを取得する. HTMLテンプレートを取得し、データと結合してページHTMLを生成します.
二、簡単にガイドパッケージを使う:先にjQueryを導入した.js、jtemplatesをインポートします.js.
jsスクリプトを書くと、$.ajax()メソッドjsonのロード
二、簡単にガイドパッケージを使う:先にjQueryを導入した.js、jtemplatesをインポートします.js.
<textarea id="template" style="display:none">
<strong>{$T.name} : {$T.list_id}strong>
<table>
<tr>
<th> th>
<th> th>
<th> th>
<th> th>
tr>
{#foreach $T.table as record}
<tr>
<td>{$T.record.id}td>
<td>{$T.record.name}td>
<td>{$T.record.age}td>
<td>{$T.record.mail}td>
tr>
{#/for}
table>
<div id="result">div>
jsスクリプトを書くと、$.ajax()メソッドjsonのロード
<script type="text/javascript">
$(function(){
$.ajax({
type: "post",
dataType: "json",
url: "menus.do",
data:{ : , : }, // controller
success:function(data){ //controller json
$("#result").setTemplateElement("template",null,{filter_data:false});
$("#result").processTemplate(data);
}
});
});
script>