javascript - Ajax html 文档 I18n

Question

我正在使用该代码:

$.get(
    'filename.html',
    function(content)
    {
        $('#container').empty().append(content);
    }
);

加载一些外部文件并将内容放入当前工作页面。我加载的外部文件采用纯 HTML 格式，我想问是否有任何好的方法可以国际化加载的页面。

在我当前的页面中，我有机会创建一个带有所有翻译键的 JavaScript 对象，例如:

var i18n = {
    'doc1' : {
        'title' : 'This is a title'
    }
};

在示例中，外部文件看起来像这样

<h3>This is a title</h3>
.....

有没有办法将其更改为类似的内容

<h3>{doc1.title}</h3>
.....

然后加载后替换doc1.title；

Answer 1

可能是这样的:

var i18n = {
    'doc1' : {
        'title' : 'This is a title'
    }
};

$.get(
    'filename.html',
    function(content)
    {
        for (var doc in i18n) {
            for (var key in i18n[doc]) {
                var val = i18n[doc][key];
                content = content.replace( '{' + doc + '.' + key + '}', val );
            }
        }
        $('#container').empty().append(content);
    }
);

fiddle :http://jsfiddle.net/Kirrr/eW7Nn/