Javascript Ajax html文档I18n

我使用的代码是：

$.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}
.....

---

然后在加载后替换doc1.title

您可能正在寻找这样的东西：

1。已更新

JavaScript:

var i18n = { doc1: { title: 'Title', ... }, ... };
var doc_name = 'doc1';

$.get(doc_name + '.html', function(data) {
  for (var word in i18n[doc_name]) {
    data = data.replace(new RegExp('/' + word + '/', 'g'), i18n[doc_name][word]);
  }

  $('#container').html(data);
});

var doc1 = { title: 'Title', ... };

$.get("doc1.php", doc1, function(data) {
  $('#container').html(data);
});

HTML:

PHP:

---

可能是您正在寻找的类似内容：

1。已更新

JavaScript:

var i18n = { doc1: { title: 'Title', ... }, ... };
var doc_name = 'doc1';

$.get(doc_name + '.html', function(data) {
  for (var word in i18n[doc_name]) {
    data = data.replace(new RegExp('/' + word + '/', 'g'), i18n[doc_name][word]);
  }

  $('#container').html(data);
});

var doc1 = { title: 'Title', ... };

$.get("doc1.php", doc1, function(data) {
  $('#container').html(data);
});

HTML:

PHP:

可能是这样的：

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);
    }
);

小提琴：

可能是这样的：

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);
    }
);

---

小提琴：如果检索到的文档包含

<h3 id="localTitle"></h3>

---

如果检索到的文档包含

<h3 id="localTitle"></h3>