जॉन रेसिग जावास्क्रिप्ट माइक्रो-टेम्पलेटिंग इंजन का उपयोग कैसे करें?

मैंने Google पर John Resig JavaScript Micro-Templating इंजन का उपयोग करने पर मूल उदाहरण पर थोड़ा सा खोज की है लेकिन सूखी हो गई है।जॉन रेसिग जावास्क्रिप्ट माइक्रो-टेम्पलेटिंग इंजन का उपयोग कैसे करें?

मैंने इसे बेस लोगों को लाने का फैसला किया। क्या कोई इस इंजन का उपयोग करने पर एक साधारण उदाहरण के साथ मदद कर सकता है? मैंने पहले कभी क्लाइंट साइड टेम्पलेट इंजन का उपयोग नहीं किया है।

अद्यतन: यह पूर्ण HTML दस्तावेज़ है। विल के लिए धन्यवाद।

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>John Resig JavaScript Micro-Templating engine</title> 
    <script src="jquery-1.3.2.js" type="text/javascript"></script> 
    <script src="MicroTemplates.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     //Data 
     var data = { fname: "fred" }; 

     function onloadFunction() { 
      var s = $("#biodata").html(); 
      var s1 = tmpl(s, data); 

      $("#target").html(s1); 
     } 
    </script> 
    <script id="biodata" type="text/html"> 
     <div><%= fname %></div> 
    </script> 
</head> 
<body onload="onloadFunction();"> 
    <div id="target"> 
    </div> 
</body> 
</html>

स्रोत

2009-11-21 Tebo

परिवर्तन के लिए धन्यवाद। ग्रेग। – Tebo

यदि आप एक पहेली को एक लिंक प्रदान कर सकते हैं तो यह अच्छा होगा। – ayjay

आपके द्वारा प्रदान किया गया लिंक इंजन कोड के तुरंत बाद एक उदाहरण है। दूसरे पैराग्राफ से नीचे पढ़ें।

सीबी, आपके उदाहरण का उपयोग करके, यहां इंजन पर मेरा लेना है, जो div टैग के बीच fname के मान को आउटपुट करता है। पीढ़ी को पूरा करने के लिए आप कुछ ऐसा करेंगे:

var data = { fname : "fred" }; 
var generatedText = tmpl("biodata", data);

फिर आपको इसे आउटपुट करना होगा, उदाहरण के लिए।

document.write(generatedText);

या (एक div संभालने 'elemId' की आईडी के साथ पेज में मौजूद है)

var elem = document.getElementById("elemId"); 
elem.innerHTML = generatedText;

उपरोक्त सभी अपरीक्षित है, लेकिन उम्मीद है कि सही। आशा करता हूँ की ये काम करेगा!

स्रोत

2009-11-21 10:10:49 Will

उत्कृष्ट, मेरा पहला स्वीकार्य उत्तर! मदद की खुशी है! =) – Will

जॉन रेसिग जावास्क्रिप्ट माइक्रो-टेम्पलेटिंग इंजन का उपयोग कैसे करें?

उत्तर

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