Ajaxを介したServlet3.0と純粋なJavaScriptのやりとり例を詳しく解説

サーブレットは Ajax を介して純粋な JavaScript と対話します。これは多くの人にとって簡単なはずです。しかし、後発者が Ajax を学びやすくするために、それを書き留めてみましょう

多くの人にとって、これは非常に簡単なはずです。しかし、私は今でも Ajax を学習している後発者を容易にするためにそれを書き留めます。

js.html は純粋に静的なページですが、Ajax インタラクションを実現するには次のプログラムを Tomcat サーバーにハングする必要があります。そうしないと効果が表示されません。

Javaee 用の Eclipse。Tomcat を実行する前に、完成したプロジェクトを Tomcat にハングすることに注意してください。

JSP に必要なサーブレット パッケージに加えて、このプロジェクトでは他に何も導入する必要はありません。本当はJSPページを直接使ってこのプロジェクトを完成させたいのですが、今は基本的にJSPをやっている人で.jspファイルに直接何かを書く人はいないですよね。すべてのバックグラウンド アクションは .java にスローされます。

1. 基本目標

フロントエンドの js.html 入力ボックスの入力を、名前が ajaxRequest 、アドレスが /ajaxRequest であるバックエンドの Servlet.java に渡します。 Servlet.java バックグラウンドは、対応する情報をフロントエンド js.html に返します。js.html は更新もジャンプも行わず、すぐに応答します。

2. 基本的な考え方

Servlet3.0 なので、Web 上で何も書く必要はありません

1. . Servlet.java と js.html のどちらを先に書いても問題はありません。いずれにせよ、Ajax 対話では、これら 2 つは統合されており、分離することはできません。

まず js.html を見てください。HTML レイアウトは非常にシンプルで、入力ボックスが 2 つだけあります。 Ajax オブジェクト XMLHttpRequest を作成するときは、キーワード XMLHttpRequest を Ajax オブジェクト XMLHttpRequest の名前として使用しないように注意してください。使用しないと、一部のブラウザーが処理できません。

<?xml version="1.0" encoding="UTF-8"?> 
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
  xmlns="http://java.sun.com/xml/ns/javaee" 
  xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" 
  version="3.0"> 
</web-app>

2. 次は Servlet.java です。実際、doGet と doPost は両方ともページに内容を出力しますが、この異なる形式をとります。 PrintStreamは以前のJDKの出力ストリーム、PrintWriterはJDK1.4以降の出力ストリームのようです。しかし、この部分は単純すぎます。入力ストリームと出力ストリームはすべて Java の必須コースですよね。

js.html が param1 と param2 をこの Servlet.java に渡した後、この Servlet.java が対応する内容を出力するのを待ち、フロント デスクの XMLHttpRequest1.responseText 変数を通じてそれらを直接読み取ります。

rreee

以上が皆さんのためにまとめたもので、今後皆さんのお役に立てれば幸いです。

関連記事:

js+ca​​nvasでスライディングパズル検証コード機能を実装

赤黒ツリー挿入の詳細解説とJavaScript実装方法例

jsで重複排除と数値最適化のためのバイナリツリーを構築配列の詳しい説明

以上がAjaxを介したServlet3.0と純粋なJavaScriptのやりとり例を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。