問題タブ [pure-js]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
4 に答える
388 参照

javascript - jQuery: データのテンプレート化

AJAX を介してデータを呼び出し、それを「コンテナ」にロードするサイトを構築しているという独特の状況があります (基本的には、AJAX コールバックから取得した要素に従ってスタイル設定および配置された div のみ)。

これらのユニークなコンテナー タイプがいくつ作成 (スタイル設定およびレンダリング) されるかはわかりません。そのため、コンテナーを別のファイルに格納できるソリューションを探しています。必要に応じて動的にロードし、コンテンツを入力して、ページにレンダリングします。

独自のローディング/テンプレート ソリューションを作成する必要があるのか​​、それとも既存の JavaScript テンプレート エンジン (例: Pure) を使用する必要があるのか​​がわかりません。

私が既存の JavaScript テンプレート ソリューションを使用するのをためらう理由は、それらがすべて既存のページ要素のバインディングとループに重点を置いているように見えるからです。

0 投票する
1 に答える
294 参照

jquery - JQuery 純粋なテンプレート

何が悪いのかわかりません。トピックのみを更新しようとすると機能しますが、トピックとページリンクを更新しようとすると機能しません。すなわち。トピック テーブルが更新され、'pagelinks' が消えます。ピュアには到達できないと思いました - 2 番目のテンプレート ノードを読んでください。

ちなみに、私は彼らのコードをテストしました。最初のメッセージボックスにはすべてのノードが表示されます-「pagelinks」ノードが含まれますが、2番目のメッセージボックス-機能ではトピック行のみが表示されます。バグのように見えます。どうすればこれを解決できるか知っている人はいますか?

ps。ピュアの最新バージョンを使用しています。

ありがとう。

テストコード - pure.js 行: 189

ジョンソン:

HTML - 純粋なレンダリング前:

HTML - 純粋なレンダリング後:

コントローラ:

ASP.NET - ビュー:

マスター ページ:

0 投票する
1 に答える
1462 参照

javascript - Ruby on Rails、json vs js ajaxレスポンス

ajaxリクエストに応答する最良の方法は何ですか、それはjsonを送信してからクライアント側で解析しますか(たとえば、pureを使用)、またはサーバー側でjavascriptをレンダリングして結果を返す必要があります( js.erb テンプレート)?

0 投票する
1 に答える
1092 参照

html - PURE.jsを使用してHTMLにJSONをフィードする

pure.jsとjqueryを使用してJson経由でHTMLコンテンツを表示できますか?

その理由は、誰かが以前にこの方法を使用して成功したかどうかを確認するためです。

参照のURL:http: //beebole.com/pure/documentation/get-started/

0 投票する
1 に答える
2645 参照

javascript - Pure JS で「条件付きレンダリング」は可能ですか?

レンダリングには Pure JS ディレクティブを使用します。

http://beebole.com/pure/documentation/rendering-with-directives/

テンプレート内のノードが欠落している場合、Pure JS のデフォルトの動作は次の理由でクラッシュします。

テンプレートにノード「XXX」が見つかりませんでした

このデフォルトの動作は、テンプレートに矛盾がないことを保証するため、完全に理解できます。ただし、同じケースでは、失敗した割り当てをスキップして残りの割り当てを続行し (エラーを記録する可能性があります)、単一のエラー/タイプミスが原因でレンダリング全体が失敗するのを回避したいと考えています。

Pure JS でこの動作を取得する方法はありますか? 「存在する場合」だけ要素をレンダリングするように Pure JS に指示できますか?

0 投票する
2 に答える
3032 参照

javascript - JSON URL データを使用して HTML テーブルを動的に埋める

ページにこの HTML テーブルがあり、この JSON URL からのデータを動的に入力したいと考えています: http://services.runescape.com/m=itemdb_rs/api/catalogue/detail.json?item=1055

正直なところ、これを行う最善の方法はわかりませんが、私が見つけたものから、JSON テンプレートを使用する必要があるようです。Javascript を使用して JSON データを変換する"Pure.js" ( http://beebole.com/pure/ ) と "Mustache.js" (https://github.com/janl/mustache.js) を見つけました。 HTMLに。これらを使用して URL からデータをロードする方法がわかりません。例はすべて静的文字列を使用しています。AJAX、jQueryでこれを行うことができますか/すべきですか? JSON URL からのデータは毎日変化します。

以下の HTML で {...} を使用している場所は、URL からのデータをロードする場所です。

誰かがこれを行う方法について正しい方向に向けてくれれば幸いです。うまくいけば、これを機能させるのに役立つコードサンプルを提供してくれます。

0 投票する
1 に答える
257 参照

javascript - pure.jsは既存のページノードで動作する必要がありますか?

上記のコードはpオブジェクトにデータを挿入しませんが、以下は機能しますが、

データを挿入しているようですが、jqueryオブジェクト(ここではp)は既存のhtmlタグを操作する必要がありますか?後者のように合理的ではありません。最初のコードにデータを挿入したいのですが、どうすればよいでしょうか。ありがとう、 :)

0 投票する
3 に答える
935 参照

javascript - pure.jsで新しいHTMLを挿入することは可能ですか?

データのJSONファイルから開始してHTMLテンプレートをレンダリングするものを探しています。

問題は、私が探しているプラ​​グイン/フレームワーク/ライブラリは<html>、非常に単純なものから始めて、それ自体でテンプレート構造を作成する必要があるということです。

たとえば、次のような単純なhtmlがあります。

そしてこのようなjson:

そして、データを次のようにドキュメントにレンダリングしたいと思います。

構造全体をすでに使用している場合はpure.js、通常どおり使用できますが、に内部タグがないため、ディレクティブliを使用してHTMLコードを挿入できますか?pure.jsそれとも、JsRenderまたは同様のものでのみ可能ですか?

0 投票する
1 に答える
131 参照

javascript - purejs を使用して動的 ID を作成する

purejs を使用して、各レンダリング要素に動的な ID を作成したいと考えています。

このコードでは、タグごとに id を設定する必要があります。この「a」タグは、jsonData に依存して作成されます。