JQuery テンプレートプラグイン jquery.tmpl 動的 Ajax extension

このプラグインは、前の記事 JQuery テンプレートプラグイン-jquery.tmpl で紹介されました。場合によっては、動的 Ajax を使用してテンプレートやデータをロードしたり、URL パラメーターやその他の情報に基づいてさまざまなテンプレートやデータをロードしたりする必要があります。私のプロジェクトの 1 つにこの要件があるため、それを jquery ツール関数として特別に作成し、ローカルデータと Ajax データ読み込みテンプレートとデータメソッドを追加しました。

パラメータの説明:

Tmpl: function(template, data, fun)
1: template:
1): url: は ajax の読み込み URL です。ajax の場合のみそして、remote=true の場合にのみロードされます。
2): データ: ajax のロードパラメータ
3) templateSelector: ローカルテンプレートセレクターであり、remote= false の場合にのみ使用されます
4) リモート: true は ajax、false はローカルデータ、
5) キャッシュ: テンプレートをキャッシュするかどうかを示します。
2: data:
1): url: は、ajax の読み込み URL です。ajax は、remote= true の場合にのみ読み込まれます。
2): data: ajax のロードパラメータ
3) templateData: ローカルデータであり、remote= false の場合にのみ使用されます
4) リモート: true は ajax、false はローカルデータ、
5) キャッシュ: テンプレートをキャッシュするかどうかを示します。
3: fun はコールバック関数です:
fun(jquery.tmpl object, template script, data);

具体的なコードは次のとおりです:

コードをコピーしますコードは次のとおりです:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Tmpl3.aspx.cs" Inherits="Tmpl3" %>

<本体>

後台ajaxデータ：

复制代代码如下:

 
protected void Page_Load(object sender, EventArgs e) 
{ 
if (Request["ajax"] == "1") 
{ 
Response.Clear(); 
Response.ContentType = "アプリケーション/json"; 
System.Text.StringBuilder sb = new System.Text.StringBuilder("["); 
for (int i = 0; i { 
sb.AppendFormat(@" {{ 
""名前"":""学生{0}"", 
""性別"":""{1}""、
""ID"": {0}、
""クラス"": 
[ 
{{ 
""クラス名"":""クラス{0}""、
""カウント"": {2} 
}}、
{{ 
""クラス名"":"" Class2{0}"", 
"" Count"": {3} 
}} 
] 
}},", i, i % 2 == 0 ? "男" : "女", (i 10) / 2, (i 20) / 2); 
} 
sb.Remove(sb.Length - 1, 1); 
sb.Append("]"); 
Response.Write(sb.ToString()); 
Response.Flush(); 
Response.Close(); 
Response.End(); 
} 
} 