私はウェブプロジェクトの始めにいて、ラベル、ページのタイトル、プレースホルダーなどのウェブサイトの読み上げを、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. チェックボックスIDの動的jQuery文字列を作成する方法
- 2. zendフレームワークでクエリ文字列を作成する方法は?
- 3. Cythonで(effienciently)文字列を作成する方法は?
- 4. ルートノードなしでXML文字列を作成する方法は?
- 5. JQueryで文字列から配列マップを作成する
- 6. mapreduce Webアプリケーションを作成する方法
- 7. Kotlinと文字列操作で文字列を操作する方法は?
- 8. C文字列の配列を作成する方法は?
- 9. 通常の文字列からJSON文字列を作成する方法は?
- 10. 文字列のハッシュセットから文字の配列を作成する方法は?
- 11. 文字列定数から文字配列を作成する方法は?
- 12. JSPでMVC Webアプリケーションのアクションクラスを作成する方法は?
- 13. Liferayで別のWebアプリケーションを作成する方法は?
- 14. ASP.Net Core:Macbookプロで接続文字列を作成する方法
- 15. JAVAで文字の2D配列を作成する方法
- 16. ループで長い文字列を作成する実行方法?
- 17. ポインタで作成された文字列をループする方法
- 18. TypeScriptでクラスのプロトタイプに文字列を作成する方法
- 19. Cでn文字の文字列を作成する最も速い方法
- 20. プレースホルダ文字で文字列を作成
- 21. MATLABで文字列から数値配列を作成する方法は?
- 22. javascriptなしで動作するWebアプリケーションの作成方法
- 23. スタンドアロンリフトWebアプリケーションの作成方法は?
- 24. JQuery UIウィジェットを文字列でインスタンス化する方法は?
- 25. jqueryでXML文字列を検証する方法は?
- 26. C++での文字列型の作成方法は?
- 27. html文字列からhtmlノードを作成する方法は?
- 28. ユニコード文字列からdatetimeオブジェクトを作成する方法は?
- 29. Laravelの文字列からURLを作成する方法は?
- 30. Kotlin:タイプ文字列の2D配列を作成する方法
サーバ側のレンダリングはありませんか? – skip405
正確に.....クライアント側のみ:)私は角度でこれを解決する方法を知っていますが、私はこのプロジェクトで角度を使用したくありません –
https:// lodashのようなテンプレートが必要だと言います。 com/docs#template - jQueryではない – skip405