8615867879419info@jinboshock.com
ja言語

ホーム / ブログ/本文

JAGUAR Struts で AJAX を使用するにはどうすればよいですか?

Dec 18, 2025

ご伝言

AJAX (非同期 JavaScript および XML) は、ページ全体をリロードすることなく、バックグラウンドでサーバーと少量のデータを交換することにより、Web ページを非同期的に更新できる強力な Web 開発手法です。 AJAX を Jaguar Struts と統合すると、Web アプリケーションのユーザー エクスペリエンスが大幅に向上します。 Jaguar Struts のサプライヤーとして、Jaguar Struts で AJAX を効果的に使用する方法についていくつかの洞察を共有したいと思います。

AJAX と Jaguar Struts の基本を理解する

統合プロセスに入る前に、AJAX と Jaguar Struts について明確に理解することが重要です。 AJAX は、HTML、CSS、JavaScript、XML (ただし、最近では JSON の方が一般的に使用されています) などのテクノロジーを組み合わせて使用​​し、動的な Web ページを作成します。これにより、Web アプリケーションはサーバーに対して非同期リクエストを行い、ページ全体を更新せずにページの一部を更新できるようになります。

一方、Jaguar Struts は、Java で Web アプリケーションを構築するためのツールとコンポーネントのセットを提供するフレームワークです。これは、ビジネス ロジック、プレゼンテーション ロジック、およびデータを分離するモデル - ビュー - コントローラー (MVC) アーキテクチャ パターンに従います。 Struts は、開発者が Web アプリケーション内のリクエストと応答のフローを管理するのに役立ち、大規模な Web プロジェクトの開発と維持が容易になります。

環境のセットアップ

Jaguar Struts で AJAX を使用するには、まず適切な開発環境をセットアップする必要があります。手順は次のとおりです。

  1. Java と Java IDE をインストールする: マシンに Java Development Kit (JDK) がインストールされている必要があります。 Eclipse や IntelliJ IDEA などの一般的な Java IDE を開発に使用できます。
  2. Struts のダウンロードと構成: 公式 Web サイトから Jaguar Struts フレームワークをダウンロードします。必要な JAR ファイルをプロジェクトのクラスパスに追加します。また、ストラット - config.xmlファイルを使用してアクション、フォーム、その他の Struts コンポーネントを定義します。
  3. AJAX ライブラリを含める: jQuery など、利用可能な AJAX ライブラリがいくつかあります。 jQuery ライブラリをダウンロードして、HTML ページに含めることができます。たとえば、次のコードを HTML ファイルに追加できます。
<script src="https://code.jquery.com/jquery - 3.6.0.min.js"></script>

Jaguar Struts での AJAX を使用した非同期リクエストの作成

環境がセットアップされたら、Jaguar Struts アプリケーションで AJAX を使用して非同期リクエストの作成を開始できます。以下にステップバイステップのガイドを示します。

ステップ 1: Struts アクションを作成する

まず、AJAX リクエストを処理する Struts アクション クラスを作成します。このクラスは、アクションStruts フレームワークによって提供されるクラス。例えば：

インポート javax.servlet.http.HttpServletRequest;インポート javax.servlet.http.HttpServletResponse; org.apache.struts.action.Action をインポートします。 org.apache.struts.action.ActionForm をインポートします。 org.apache.struts.action.ActionForward をインポートします。 org.apache.struts.action.ActionMapping をインポートします。 public class AjaxAction extends Action { @Override public ActionForwardexecute(ActionMapping Mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) throws Exception { // ここでビジネス ロジックを実行します String data = "これはサーバーからの応答です"; response.setContentType("テキスト/プレーン");応答.getWriter().write(データ); null を返します。 } }

ステップ 2: でアクションを構成するストラット - config.xml

次の設定をストラット - config.xmlファイルを使用してアクション クラスを特定の URL にマップします。

<アクション - マッピング> <アクション パス="/ajaxAction" type="com.example.AjaxAction"/> </アクション - マッピング>

ステップ 3: HTML ページから AJAX リクエストを作成する

jQuery を使用して、Struts アクションに対する AJAX リクエストを作成します。以下に例を示します。

<!DOCTYPE html> <html> <head> <script src="https://code.jquery.com/jquery - 3.6.0.min.js"></script> <script> $(document).ready(function () { $("#ajaxButton").click(function () { $.ajax({ url: "ajaxAction.do"、type: "GET"、success: function (応答) { $("#resultDiv").text(応答) }、エラー: 関数 () { アラート ("エラーが発生しました") } }); </script> </head> <body> <button id="ajaxButton">AJAX リクエストを行う</button> <div id="resultDiv"></div> </body> </html>

この例では、ユーザーが「AJAX リクエストの作成」ボタンをクリックすると、AJAX リクエストがajaxAction.doURL。リクエストが成功すると、サーバーからの応答が結果ディビジョン要素。

JSONデータの処理

最新の Web アプリケーションでは、JSON が AJAX リクエストとレスポンスに推奨されるデータ形式です。 Jaguar Struts アプリケーションで JSON データを処理するには、Jackson のような JSON ライブラリを使用できます。

ステップ 1: Jackson 依存関係を追加する

Jackson ライブラリをプロジェクトのクラスパスに追加します。 Maven を使用している場合は、次の依存関係をpom.xmlファイル：

<dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson - databind</artifactId> <version>2.13.0</version> </dependency>

ステップ 2: JSON を返すように Struts アクションを変更する

JSON データを返すように Struts アクション クラスを変更します。例えば：

Jaguar Shock Absorber And Strut AssemblyFront Sport Suspension Struts For JAGUAR

インポートcom.fasterxml.jackson.databind.ObjectMapper;インポート javax.servlet.http.HttpServletRequest;インポート javax.servlet.http.HttpServletResponse; org.apache.struts.action.Action をインポートします。 org.apache.struts.action.ActionForm をインポートします。 org.apache.struts.action.ActionForward をインポートします。 org.apache.struts.action.ActionMapping をインポートします。 java.util.HashMapをインポートします。 java.util.Mapをインポートします。 public class JsonAjaxAction extends Action { @Override public ActionForwardexecute(ActionMapping マッピング、ActionForm フォーム、HttpServletRequest 要求、HttpServletResponse 応答) throws Exception { Map<String, String> data = new HashMap<>(); data.put("メッセージ", "これは JSON 応答です"); ObjectMapper マッパー = new ObjectMapper();文字列 json = mapper.writeValueAsString(data); response.setContentType("アプリケーション/json");応答.getWriter().write(json); null を返します。 } }

ステップ 3: JSON を処理するために AJAX リクエストを更新する

JSON データを処理できるように、HTML ページの AJAX リクエストを更新します。

<!DOCTYPE html> <html> <head> <script src="https://code.jquery.com/jquery - 3.6.0.min.js"></script> <script> $(document).ready(function () { $("#jsonAjaxButton").click(function () { $.ajax({ url: "jsonAjaxAction.do", type: "GET", dataType: "json"、成功: 関数 (応答) { $("#jsonResultDiv").text(response.message) }、エラー: 関数 () { アラート ("エラーが発生しました") } }); </script> </head> <body> <button id="jsonAjaxButton">JSON AJAX リクエストを作成する</button> <div id="jsonResultDiv"></div> </body> </html>

ジャガー ストラットの製品内容

ジャガー ストラットのサプライヤーとして、当社は高品質のジャガー ストラット製品を幅広く提供しています。私たちのJAGUAR用フロントスポーツサスペンションストラット優れたハンドリングとパフォーマンスを提供するように設計されています。耐久性と信頼性を確保するために、プレミアム素材と高度なエンジニアリング技術を使用して構築されています。

私たちのジャガー ショックアブソーバーとストラット アセンブリもベストセラー商品です。ショックアブソーバーとストラットの機能を組み合わせ、ジャガーのサスペンション システムに完全なソリューションを提供します。これらの製品は最高基準を満たすために厳格にテストされており、スムーズで快適な乗り心地を保証します。

調達に関するお問い合わせ

Jaguar Struts 製品にご興味がある場合、または Web 開発プロジェクトでの Jaguar Struts での AJAX の使用についてご質問がある場合は、ぜひご連絡ください。調達についての話し合いを開始し、お客様のニーズに最適なソリューションを見つけるには、お問い合わせください。

参考文献

  • ドン・ブラウン、マシュー・レイブル、テッド・ハステッドによる「Struts in Action」。
  • jQuery公式ドキュメント: https://api.jquery.com/
  • ジャクソンの公式ドキュメント: https://github.com/FasterXML/jackson

お問い合わせを送る