2


0

ベストプラクティス:Jquery AjaxとJavaScriptに依存しない

ダッシュボードタイプのページには、それぞれが異なるデータを提供する多数のセクションが含まれています。 すべてのデータを取得してからページを送信すると時間がかかります。 パフォーマンスの観点から、これを行う最良の方法は、これらの各セクションに何も含まれていないページをロードし、jquery ajaxを使用してさまざまなデータを非同期に取得することだと考えています。 ただし、有効にするためにJavaScriptに依存するべきではないことが頭に掘り下げられています。 ページを送り返す前に、リクエストしているブラウザでjavascriptが有効になっているかどうかを検出する方法はありますか? それとも、おそらくこれより良い質問は、これについて最善の方法は何ですか?

4 Answer


3


おそらく99%のユーザーがJavaScriptを有効にしています。 10歳のブラウザーを実行している人々や、ばかげた妄想的なユーザーを気にしない限り、JavaScriptを使用します。 あなたの場合は、AJAXが設計されたものです。


0


ダッシュボードがバックエンドシステムの一部である場合、JavaScriptを要件とし、AJAXを使用してページを更新します。 視覚的な応答性は大幅に向上し、サイト(またはアプリ)のバックエンドとして、より制限された制御可能な視聴者がいます。

JSが無効になっている場合は、何らかの警告が表示されるようにしてください。

フロントエンドサイトでも議論の余地がありますが、多くのプログラマーは、このシナリオでは実装が少し難しいJSサポートを計画しないことを選択しています。


0


あなたがやりたいと思うのは、http://en.wikipedia.org/wiki/Unobtrusive_JavaScript [unobtrusive javascript]を使用してページを構築することです。

これでできることは、javascriptを使用していないブラウザ向けに完全に機能するページを構築することです。これは、javascriptを持っている(大多数)向けに拡張できます。

JavaScript以外のブラウザーの場合、1つのリクエストが重いペイロードになるのを止めるには、ユーザーが各データを取得するためにリンクをクリックする必要があります。


0


おそらく2つの手順でこれを行う必要があります。

  1. JavaScriptが存在しなかったかのようにページをコーディングします。 セマンティックマークアップを使用し、 適切なcss構造(一度遊んでみれば改ざんしやすい)が、javascript whatsoveverは使用しないでください。

  2. すべてが機能したら、javascriptの美化を追加し始めます。 アニメーション、非同期呼び出し(サーバー側でのさらなる実装が必要な場合があります)、その他のものですが、ステップ1からhtmlを変更する必要はありません。 異なるHTMLが必要な場合は、javascriptで変更してください-フォールバックアプリで何も破壊することはありません。