2009-04-20 7 views
5

मैं वर्तमान में एक छोटे से ऐप पर काम कर रहा हूं जो मेरे सर्वर से उपयोगकर्ता की जानकारी का अनुरोध करता है और उन्हें एक विशेष टेम्पलेट का उपयोग करके प्रदर्शित करता है।जावास्क्रिप्ट (jQuery) में एक टेम्पलेट के लिए एक HTML स्निपेट का उपयोग करना

सबसे पहले, मैं सिर्फ jQuery में छोटा-सा स्निपेट hardcoded:

$("<li><div class='outer'><table><tr><td rowspan=2 class='imgcontainer'><img class='thumb'/></td><td><span class='username'/></td></tr><tr><td><span class='name'/></td></tr></table></div></li>") 

मैं इसे क्लोन कई बार।

यह बदसूरत है और मैं चाहता हूं कि यह सिंटैक्स हाइलाइटिंग और व्हाट्नॉट न हो, तो यह मेरे लिए HTML फ़ाइल में ही बेहतर होगा।

इसके अलावा, यह विलय को आसान बना देगा ताकि कोई सिर्फ एक या दो पंक्तियों को बदल सके।

क्या इसके लिए कोई पैटर्न है? क्या मैं इसे HTML फ़ाइल में डाल रहा हूं जिसमें मैं इस जेएस को शामिल करता हूं (केवल एक ही है), और इसे सीएसएस का उपयोग करके छुपाया गया है।

मैंने जो तीसरा विकल्प सोचा था, वह सिर्फ एक अलग HTML फ़ाइल बना रहा है और jQuery अनुरोध है कि सर्वर से इसे अलग रखने के लिए। क्या यह तकनीक ज्यादा उपयोग की जाती है?

साथ ही, क्या कोई शब्द है जिसका मैं वर्णन कर सकता हूं कि मैं क्या कर रहा हूं? (एक अवधारणा के लिए एक प्रश्न पूछना मुश्किल है जिसे मैं नाम नहीं जानता)

उत्तर

7

मैंने SO earlier today पर एक समान उत्तर दिया। जो आप खोज रहे हैं उसे माइक्रो-टेम्पलेट कहा जाता है। जॉन रेसिग ने this on his blog पोस्ट किया। अनिवार्य रूप से आप एक जेसन डेटासेट प्राप्त कर सकते हैं और एचटीएमएल बनाने और डीओएम अपडेट करने के लिए डेटा में एक टेम्पलेट लागू कर सकते हैं।

+2

+1 मुझे 2 सेकंड तक मारो। यह बहुत दिलचस्प लग रहा है, हालांकि मैंने अभी तक यह कोशिश नहीं की है। –

संबंधित मुद्दे