Question

我希望以最佳方式设置data.json文件时提供一些帮助或建议。我现在设置它像下面的例子。这个想法是我有一个下拉菜单，使用选择一种语言，我说50页，每页有以下格式，我试图设置它，以便＆＃34; house1＆＃34;识别语言环境语言，以及＆＃34; house2＆＃34;通过下拉菜单中选择的选项有选择地翻译。所以我在这里遇到的具体问题是如何在data.JSON中设置我的数据，以便在调用所选语言时，将正确的id更改为所选语言。

<h1 id="house1"> House </h1>
<img src="~" />
<h1 id="house2"> House </h1>

//源代码//

<select name="selectmenu" id="selectmenu">
        <option value="english">English</option>
        <option value="french">French</option>
  </select>

// // data.json

{
 "English":[
    {"Apartment": "Apartment"},
    {"House": "House"}
    ],

"French":[
    {"Apartment": "Appartement"},
    {"House": "Maison"}
    ]
}

或者我应该做更多这样的事情:(这个例子给我的问题是它看起来更干净但我无法弄清楚如何区分每种语言以选择性地调用它们）

{
 "Languages":[
    {"Apartment": "Apartment",
    "House": "House"},

    {"Apartment": "Appartement",
    "House": "Maison"}
    ]
}

Answer 1

我在html上提出了一些建议：

<h1 id="selected.house"> House </h1>
<img src="~" />
<h1 id="available.house"> House </h1>

然后是json结构：

{
 "selected":{
        "apartment": "Apartment",
        "house": "House"
    },

"available":{
    "apartment": "Appartement",
    "house": "Maison"
    }
}

如果您需要有关所选语言的信息以及json结构上的可用信息，您可以像这样扩展它：

{
 "selected":{
        "apartment": "Apartment",
        "house": "House",
        langInfo: {
            id: "en_EN",
            label: "English"
        }
    },

"available":{
    "apartment": "Appartement",
    "house": "Maison",
    langInfo: {
            id: "fr_FR",
            label: "French"
        }
    }
}

您还可以将this和this视为灵感来源。

快乐编码

试图为要翻译的语言设置JSON文件？

1 个答案: