現在、この恥ずかしい状況を変えることができる「古い」テクノロジーの人気が高まっています。それがアヤックスです。現在、Gmail、Google マップのアプリケーション、さまざまなブラウザのサポートにより、Ajax は徐々に世界の注目を集めています。 Web ページを更新します - 待ちます。 。 。 -- Web ページを更新します -- 待ちます。 。 。
ブラウザを使用して Web を閲覧しているときに、上記の状況に頻繁に遭遇することがありますか?何も表示されず動きの遅い画面に直面したとき、痛みや怒りさえ感じますか?
現在、この恥ずかしい状況を変えることができる「古い」テクノロジーの人気が高まっています。それがアヤックスです。現在、Gmail、Google マップのアプリケーション、さまざまなブラウザのサポートにより、Ajax は徐々に世界の注目を集めています。
1. Ajax テクノロジーの概要
AJAX (Asynchronous JavaScript and XML、つまり非同期 JavaScript + XML) は、実際には複数のテクノロジを組み合わせたものです。アヤックスの名を冠したジェシー・ジェイムズ・ギャレットはこう指摘した。
Ajax はテクノロジーではありません。実際には、それぞれが独自の権利で繁栄するいくつかのテクノロジーが、強力な新しい方法で組み合わされたものです。
Ajax は主に次のテクノロジーの側面をカバーします。
-- XHTML と CSS を使用して、さまざまな標準に基づいたプレゼンテーションを実現します。
-- ドキュメント オブジェクト モデルを使用して、動的な表示と対話を実現します。
--XMLとXSLTを使用してデータ交換と操作を実現します。
-- XMLHttpRequet を使用して、非同期データ取得を実装します。
-- JavaScript がすべてを結び付けます。
従来の Web アプリケーションとは異なり、Ajax は非同期対話プロセスを使用します。 Ajax はユーザーとサーバーの間に仲介者を導入するため、ネットワーク対話プロセスにおける処理-待機-処理-待機の欠点が解消されます。ユーザーのブラウザは、タスクを実行するときに Ajax エンジンをロードします。 Ajax エンジンは JavaScript 言語で書かれており、通常は非表示のフレームワークに隠されています。ユーザー インターフェイスのコンパイルとサーバーとの対話を担当します。 Ajax エンジンを使用すると、ユーザーとアプリケーション ソフトウェア間の対話プロセスを、ユーザーとネットワーク サーバー間の通信とは独立して非同期に進めることができます。 AJAX の原理は、「オンデマンドでデータを取得する」ことです。Ajax を使用すると、冗長なリクエストと応答によるサーバーへの負担を最小限に抑えることができます。
2.AjaxテクノロジーとERP
現在主流のERPはB/Sアーキテクチャを採用しており、ERPの実際の運用においては従来のWeb開発手法では解決できない問題も多くあります。 Ajax技術はさらなる改良と成熟が必要ですが、従来の手法では対応が困難な問題を解決するために、ERP開発にAjaxの開発思想や技術を適切に研究・導入することは、開発者にとっても顧客にとっても有益であることは間違いありません。
以下に、ERP における Ajax テクノロジの考えられるアプリケーション シナリオについて簡単に説明します。
(1)データ検証
フォームの内容を入力して更新するとき、データ検証のために更新されたデータをデータベースに入れる必要がある場合があります。従来のデータ検証には通常 2 つの方法があります。1 つはフォームに直接入力してからフォームを送信する方法です。この方法では検証のためにページをサーバーに送信する必要があり、プロセス全体に時間がかかるだけでなく、不要な負担がかかります。 2 番目の方法は、改良された検証プロセスです。ユーザーは、対応する検証ボタンをクリックして新しいウィンドウを開き、検証結果を表示する必要があります。特別に作成された検証ページ。システム リソースを消費します。 Ajax テクノロジを使用すると、XMLHttpRequet オブジェクトは検証リクエストを発行し、返された HTTP 応答に基づいて検証が成功したかどうかを判断できます。プロセス全体で新しいウィンドウをポップアップしたり、ページ全体をサーバーに送信したりする必要がなく、高速です。サーバーの負荷も増加しません。
(2)ツリー構造
分類ツリーまたはツリー構造は、ERP システムで広く使用されています。 Ajax テクノロジーを適用すると、分類ツリーの実装メカニズムを改善できます。ページの初期化時に、ユーザーが第 1 レベルのカテゴリの最初のノードをクリックすると、第 1 レベルのサブカテゴリのデータのみが取得されて表示され、ページは第 2 レベルのすべてのデータを Ajax 経由でサーバーに要求します。現在のカテゴリが属するサブカテゴリ。すでに提示されている第 2 レベルのカテゴリのノードを要求する場合、現在のカテゴリが属する第 3 レベルのサブカテゴリのすべてのデータを再度サーバーに要求します。ページはユーザーの操作に基づいて必要なデータをサーバーに要求するため、データの重複がなく、ダウンロードされる総データ量が削減されます。同時に、ページを更新するときにすべてのコンテンツをリロードする必要はなく、更新が必要なコンテンツの部分のみを更新できます。これまでのバックグラウンド処理とリロード方法に比べて、ユーザーの待ち時間が大幅に短縮されます。短くなった。
(3)データは自動更新されます
Ajax が登場する前は、ユーザーは対応するコンテンツを理解するために新しいコンテンツの変更があるかどうかを確認するためにページを常に更新する必要がありました。そうでない場合は、ページ自体にスケジュールされた更新機能を実装することができました。これは、一定期間、Web ページのコンテンツが変更されていないにもかかわらず、ユーザーがそれに気づかずにページの更新を続けたり、ユーザーが忍耐力を失ってページの更新を断念したりする場合に発生する可能性があります。ここに新しいコンテンツが表示される可能性があり、できるだけ早くニュースを入手する機会を逃します。
Ajax を適用すると、この状況を改善できます。ページが読み込まれた後、Ajax エンジンはバックグラウンドで定期的なポーリングを実行し、最新のニュースがあるかどうかを確認するリクエストをサーバーに送信します。存在する場合、新しいデータ (すべてのデータではない) がダウンロードされ、ページ上で動的に更新され、特定の方法でユーザーに通知されます (このような関数の実装は JavaScript の強みです)。これにより、ユーザーがページを手動で常に更新する不便が回避され、ページの繰り返し更新によって発生するリソースの無駄がなくなります。
Ajax は広くサポートされていますが、実際の開発では、主に JavaScript プログラミング部分でのクロスブラウザーの問題に依然として注意を払う必要があることに注意してください。ただし、多くの一般的なフレームワークはこれらの詳細をカプセル化しており、この問題を解決できます。一方、ユーザーが依然として以前のバージョンのブラウザを頻繁に使用している場合、Ajax テクノロジは効果的ではない可能性があるため、実装する際には注意が必要です。
Ajax は Web アプリケーション開発に新しい機会を提供し、ERP システムに新しい要件も提示します。 Ajax テクノロジーによってユーザーが新しいエクスペリエンスを体験した場合、勝者はユーザーだけではありません。