私はウェブプロジェクトの始めにいて、ラベル、ページのタイトル、プレースホルダーなどのウェブサイトの読み上げを、jsonファイルから読みたいと思っています。私はこのアプローチが私の変化のスピードを高め、多言語のウェブサイトを作成するのに役立つと思います。 これを行うためのjqueryライブラリはありますか?どうしたらjqueryでこの仕事をすることができないのでしょうか?jqueryでWebアプリケーションで文字列リソースマネージャシステムを作成する方法は?
1
A
答えて
1
あなたが探しているのは、Javascript/jQueryテンプレートエンジンです。 http://www.sitepoint.com/10-javascript-jquery-templates-engines/)。
あなたは次のことを試して、独自のテンプレートエンジンを書きたい場合は、次のAjax
2とJSON-データのフェッチ)
1)アヤックス
3とのテンプレートを取得するには)JSON-から変数を適用しますファイルからテンプレートファイルへ(単純置換)
4)結果を現在のページに追加します。
+0
私は "Javascript/jQuery Template Engine"を検索しませんでした。これは認識していませんでした。これを思い出させてくれてありがとう。 –
3
あなたは口ひげテンプレートを作成し、handlebars.jsを使用して、データとそれらを取り込むことができます。 http://handlebarsjs.com/
口ひげテンプレートは、プレースホルダとハンドルバーとして中括弧を使用してデータを保持するためにJSON形式を使用しています。
HTML::
<div class="entry">
<h1>{{title}}</h1>
<div class="body">
{{body}}
</div>
</div>
Javascriptを:
var context = {title: "My New Post", body: "This is my first post!"};
var html = template(context);
結果:ここで
<div class="entry">
<h1>My New Post</h1>
<div class="body">
This is my first post!
</div>
</div>
が働いていることは、この(ない完全な実施例が)のようになります例:https://jsfiddle.net/k4u64exL/
関連する問題
- 1. zendフレームワークでクエリ文字列を作成する方法は?
- 2. JQueryで文字列から配列マップを作成する
- 3. 文字列のハッシュセットから文字の配列を作成する方法は?
- 4. ループで長い文字列を作成する実行方法?
- 5. ポインタで作成された文字列をループする方法
- 6. Cでn文字の文字列を作成する最も速い方法
- 7. MATLABで文字列から数値配列を作成する方法は?
- 8. Liferayで別のWebアプリケーションを作成する方法は?
- 9. JSPでMVC Webアプリケーションのアクションクラスを作成する方法は?
- 10. C++での文字列型の作成方法は?
- 11. 文字列の配列からInputStreamを作成する方法
- 12. オプション[文字列]で文字列を設定する方法は?
- 13. jqueryでXML文字列を検証する方法は?
- 14. JQuery UIウィジェットを文字列でインスタンス化する方法は?
- 15. javascriptなしで動作するWebアプリケーションの作成方法
- 16. スタンドアロンリフトWebアプリケーションの作成方法は?
- 17. Django:アプリケーション間でロケール文字列にアクセスする方法は?
- 18. 文字列ビルダーまたは文字列クラスの文字列を作成する
- 19. if(変数)を渡す文字列を作成する方法
- 20. CoreNLPで文字列からSemanticGraphオブジェクトを作成する方法は?
- 21. xsltの文章で各文字列の最初の文字のリンクを作成する方法は?
- 22. primefaces Webアプリケーションでの文字セットの設定方法は?
- 23. PowerShell-replace文字列操作でバックスラッシュ文字を処理する方法は?
- 24. WebアプリケーションのMongoDBコレクションでインデックスを作成する方法/場所
- 25. プロローグで文字列を操作する方法は?
- 26. クエリ文字列を変更するSharePointでフォームを作成する方法
- 27. Cの文字列配列から文字列を作成する簡単な方法はありますか?
- 28. Scalaでregexpで文字列を生成する方法
- 29. JavaScriptでASCII値から文字列または文字を作成する方法は?
- 30. プリプロセッサマクロから文字列を作成する方法
サーバ側のレンダリングはありませんか? – skip405
正確に.....クライアント側のみ:)私は角度でこれを解決する方法を知っていますが、私はこのプロジェクトで角度を使用したくありません –
https:// lodashのようなテンプレートが必要だと言います。 com/docs#template - jQueryではない – skip405