WebページのリダイレクトにJavaScriptがjQueryよりも優れている理由

フォーラムやさまざまなWeb開発解説をスクロールすると、初心者や中級の開発者がよく投げかける質問であるJavaScriptとjQueryの違いという、常に人気のあるテーマが流れています。

また、違いについての議論だけでなく、一方を他方よりも採用すべき適切な時期についても、しばしば白熱した議論が交わされます。このシリーズでは、JavaScript と jQuery の両方の有効性を探る一般的な場所に焦点を当てます。

JavaScript や jQuery に馴染みのない方のために説明すると、まずは注意すべき点がいくつかあります。

• JavaScriptは、Web開発に使用されるスクリプト言語であり、インタラクティブで、マルチパラダイムで、普遍的にサポートされ、動的であることで知られています。私たちが知っているインターネットは、JavaScriptで構築されています。
• jQuery は JavaScript コードの特定のライブラリですが、そのパワー、よくスクリプト化されたコードの最適化、およびシンプルさから、別の言語と見なされることがよくあります。
• jQueryはコーディング時間を短縮し、最新のWeb開発環境の開発者にとって頼りになるものとなっています。
• jQuery のみで記述するか、JavaScript のみで記述するかを前提としないでください。これは、アプリケーション内で両方を混在させる可能性があるためです。

これらのアイデアを念頭に置いて、今日の思考プロジェクトに移りましょう:JavaScriptまたはjQueryはWebページのリダイレクトに適していますか?

私たちが両方について知っていることの基本的な側面を考えると、最初はこの答えのためにjQueryに頼る可能性が高いように思われます。しかし、これは、JavaScriptソリューションがjQueryの答えよりもはるかに単純な構造である状況です。

jQueryのソリューションを使用する場合:

var url  = "https://www.infragistics.com"; 
$(location).attr('href',

元のページがセッション履歴に配置されていることがわかります。その後、リダイレクトによって新しいページに移動すると、リダイレクト元のページが最新の以前の場所になります。ユーザーが新しくリダイレクトされたページから戻るボタンを選択すると、ユーザーは元のアドレスに移動し、その後再びリダイレクトされます。基本的に、戻るボタンで終わりのないループが発生し、ユーザーは手動でWebページを離れるか、以前の場所を見つけるまでマウスボタンをすばやく押し続ける必要があります。

JavaScript の解決策は、この場合、次のように単純です。

window.location.replace("https://www.infragistics.c

これは、replace() が履歴から現在のページの URL を削除するため、現在のページを新しいページに置き換えるものです。これにより、ユーザーは戻るボタンを使用して元のアドレスに戻ることがなくなります。

私たちは皆、戻るボタンで不幸なjQueryループに陥っているページを訪れたことがありますが、これはよくあるリダイレクトの間違いを避けるためにJavaScriptを使用する明確な方法です。このミニシリーズを一緒に進めていく中で、jQuery と JavaScript に関する一般的な質問に答え、ベスト プラクティスの解決策や考えを提供します。

最後に、迅速なWebアプリケーションの構築に飛び込みたい場合は、強力なコンポーネントライブラリをすぐに利用できるJavaScriptのIgnite UIを検討してください。さらに、Ignite UI CLIでは、コマンドラインを使用してビルドするオプションがあり、手動コーディングを減らす簡単な方法があります。