JavaScript庫/框架可從參數生成XHTML？

Question

我有一個相當復雜的問題：）

我想以json的形式將數據從服務器發送到客戶端。

在那里，JavaScript將使用該數據從該數據生成XHTML。

現在，我正在尋找可幫助我從JSON生成此XHTML的庫/框架。

例如，一種解決方案可能是擁有特殊的XHTML“模板”文件，其中包含按名稱映射到javascript方法的變量，並且該方法采用JSON數組，並使用JSON數組中的變量填充XHTML的某些部分。

示例模板文件（偽代碼）：

文件名：TemplateA.something

<html>
Hello my name is %VARIABLE1% !
</html>

然后框架生成給我類似的方法（偽代碼）：

generateXHTMLfromTemplate(templatename, data);

它將返回XHTML。

例如，然后我會這樣稱呼它（偽代碼）：

container.html(generateXHTMLfromTemplate('TemplateA', '{"VARIABLE1" : "Earl"}'));

這樣的東西會很棒，最好的辦法是在eclipse中完成這些“模板”文件的代碼完成；）

Answer 1

盡管我可能會被遺忘，但我會提出一個非常簡單的選擇。

如果您需要一個非常簡單的功能，則可以使用一個非常簡單的插件作為$.fn.loadtemplate ，它是對我以前的$.fn.simpletemplate 。

$.fn.loadtemplate = function(resource, variables) {
    return this.each(function() {
        var $self = $(this);
        $.ajax({
            url: resource,
            dataType: "html",
            success: function(html) {
                html = html.replace(/{{(.+)}}/g, function(match, variable) {
                    return variables[variable];
                });
                $self.html(html);
            }
        });
    });
};

所有{{variable}}標記都將被傳遞給函數的給定對象的適當屬性替換。

<!-- template.tpl -->
<h1>Hello my name is {{name}}!</h1>

$("#selector").loadtemplate("template.tpl", {
  name: "World"
});

這里有一個例子。

Answer 2

摘自帖子評論：

像這樣嗎 github.com/janl/mustache.js –昨天的Blender

：其他可供選擇點，把手，下划線。 –昨天尖尖

JavaScript庫/框架可從參數生成XHTML？

問題描述

2 個解決方案

解決方案1
1 2012-12-29 15:31:44

解決方案2
0 已采納 2012-12-31 15:08:14

JavaScript庫/框架可從參數生成XHTML？

問題描述

2 個解決方案

解決方案1 1 2012-12-29 15:31:44

解決方案2 0 已采納 2012-12-31 15:08:14

解決方案1
1 2012-12-29 15:31:44

解決方案2
0 已采納 2012-12-31 15:08:14