2016-07-14 40 views
1

我想以最好的方式設置我的data.json文件的一些幫助或建議。我現在已經建立了如下例子。這個想法是我有一個下拉菜單,用戶選擇一種語言,我說50頁,每頁都有以下格式,我試圖設置它,以便「house1」識別語言環境語言,而「 house2「通過在下拉菜單中選擇的選項有選擇地翻譯。所以我在這裏的具體問題是我應該如何在data.JSON中設置我的數據,以便在調用所選語言時,將正確的ID更改爲所選語言。試圖爲要翻譯的語言設置JSON文件?

<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"} 
    ] 
} 

回答

0

我建議在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" 
    } 
} 

如果你需要abaout選擇的語言和信息的JSON結構可用,你可以擴展它喜歡這樣的:

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

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

你也可以看看thisthis作爲靈感的源泉。

快樂編碼