1つ、Ajaxを知っている

最初に例について話し、みんなにajaxとは何かを感じさせてから、詳細に説明しましょう。

以前にサーブレットを学習していたときはログインしていましたが、アカウントやパスワードが間違っているなどのログインエラーが発生した場合は、リクエストを使用して間違った情報をページに戻し、ページを更新しました。と表示されます。

ただし、淘宝網や他のWebサイトにアクセスしてログインすることはできます。アカウントまたはパスワードが間違っていることを認識した場合、ページは更新されず、エラーメッセージが直接使用されることを見つけるのは難しくありません。ポップアップボックス。見せびらかしてください。

そして、この効果は非同期相互作用と呼ばれます。次に、Baidu百科事典に行きます。

ご覧のとおり、このAjaxは略語であり、ページ全体をリロードせずに一部のWebページを動的に更新できるテクノロジーです。それは技術であることに注意してください！！！プログラミング言語ではありません〜

さらに、このAjaxテクノロジーは常に私たちに付随するので、私たちは学ぶ必要があります

非同期について話しましょう。非同期と同期の違いです。非同期モードでは待機時間が必要ありません。これは、肉を煮込むときに床を掃除でき、同期的に肉が煮込まれるまで待つ必要があるようなものです。床。

対照的に、非同期の方が優れていますが、少なくとも時間を節約できます〜

https://www.w3school.com.cn/jquery/index.asp を見て、見ながら学ぶことをお勧めします。後で説明します。もちろん、今後はこの方法を使用しません。動作するjQueryを紹介します

2つ目は、Ajaxを使用してHelloWorldを作成する

Eclipseを開いて、新しいWebプロジェクトを作成します

私たちはそれをAjaxHelloWorldと呼んでいます

次に、次のページを作成します：index.html

そのような操作の1つは、バックエンドからリンゴの数を動的に表示することです。index.htmlにボタンを記述し、クリックしてリンゴの数を非同期で取得します。

最初にページを書いてみましょう、もちろんページはとてもシンプルです

次にサーバーを起動し、効果を見てみましょう

では、Ajaxの書き方を学びましょう

1.Ajaxの作成方法

まず、オブジェクトXMLHttpRequestを作成する必要があります。このオブジェクトは、バックグラウンドでサーバーとデータを交換するために使用されるため、このオブジェクトは非常に重要ですが、IEブラウザーの特殊な性質のため、判断する必要があります。 IE5 / 6の場合次に、ActiveXObjectを作成します