versuchen, JSON-Datei für zu übersetzende Sprachen einzurichten?

Question

Ich hätte gerne Hilfe oder Rat bei der Einrichtung meiner data.json-Datei auf die beste Weise. Ich habe es derzeit wie das Beispiel unten eingerichtet. Die Idee ist, ich habe ein Dropdown-Menü, dass die Verwendung eine Sprache auswählt und ich sage 50 Seiten, jede Seite hat das folgende Format, ich versuche es einzurichten, so dass das "Haus1" die Gebietsschema-Sprache erkennt, und das " house2 "wird selektiv über die im Dropdown-Menü ausgewählte Option übersetzt. Die spezifische Frage, die ich hier habe, ist also: Wie soll ich meine Daten in der Datei data.JSON einrichten, so dass beim Aufruf der ausgewählten Sprache die richtigen IDs in die ausgewählte Sprache geändert werden.

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

// Quellcode //

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

oder sollte ich mehr tun etwas wie folgt aus: (das Problem mit diesem Beispiel zu mir ist es sieht sauberer aus aber ich kann nicht herausfinden, wie ich jede Sprache unterscheiden würde, um sie selektiv anzurufen)

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

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

diese

Answer 1

Ich schlage vor, etwas auf dem html:

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

dann die json Struktur:

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

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

, wenn Sie Informationen abaout der gewählten Sprache und die auf dem json Struktur benötigen, können Sie erweitern es mögen dies:

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

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

Sie können auch bei this und this als Quelle der Inspiration suchen.

Happy Codierung