क्लाइंट-साइड टेंपलेटिंग पहले से ही एक वास्तविकता है

प्रागितिहास

मैं VKontakte सामाजिक नेटवर्क के लिए IFrame एप्लिकेशन विकसित कर रहा हूं। एप्लिकेशन को नेविगेट करने का सबसे सुविधाजनक तरीका पूरे पृष्ठ को फिर से लोड किए बिना डेटा को गतिशील रूप से लोड करना है। पहले, मैंने HTML कोड उत्पन्न किया था जिसे सर्वर पर प्रदर्शित करने की आवश्यकता थी, जब तक कि मैं ईजेएस - जावास्क्रिप्ट टेम्प्लेट से नहीं मिला था ...

EJS - एंबेडेड जावास्क्रिप्ट

ईजेएस मेरे लिए सबसे सुविधाजनक और उपयुक्त टेम्पलेट इंजनों में से एक निकला। यह एकल चर और सरणियों (पढ़ें ऑब्जेक्ट) के साथ काम करता है, तर्क है (यदि ... और ...)।



मैं आपको एक उदाहरण के साथ दिखाता हूं कि यह टेम्पलेट इंजन क्या कर सकता है।



टेम्प्लेट - /templates/question.ejs:

<div>

  <% if(question) { %>

   <h2><%= author %>: <%= question %></h2>

   <div><textarea name="answer" id="answer"></textarea></div>

   <ul class="nNav btnList">

     <li>

      <a href="" onclick="ACT.question.answer('index'); return false;"></a>

     </li>

   </ul>

  <% } else { %>

   <h2> , !</h2>

  <% } %>

</div>



* This source code was highlighted with Source Code Highlighter.

— /data/question.php:

{"id":"98","question":"What are you doing now?","author":"Mihalich88"}



* This source code was highlighted with Source Code Highlighter.

:

$.ajax({

  type: "POST",

  url: "/data/question.php",

  dataType: "json",

  data: data,

  success: function(ans){

   var html = new EJS({url: ' /templates/question.ejs'}).render(ans);

  }

});



* This source code was highlighted with Source Code Highlighter.

+ «»

1. , .. json-,
2. , ..
3. MVC , «V»
4. Opera Mobile 10

— «»

1. , RIA

, EJS: http://formspring.vk-app.ru

: *.ejs. , *.tpl, — … , , .