アヤックス:リターン・データはページにリンクされている2つの州を達成するために

著作権:https://blog.csdn.net/qq_39263750/article/details/90372597

ここに画像を挿入説明
xml形式:
ここに画像を挿入説明

ブラウザは、XMLデータの読み込み方法、異なるブラウザによって提供される様々な分析方法を持っています。

今、Ajax技術、データはクライアントを使用してサーバに送信されます。JSONフォーマット。

JS JSON形式は、すべてのブラウザがサポートする標準フォーマットです。

入力データの検証が失われたフォーカスイベントによって(同期要求)を完了しています

ユーザ名の入力後、それは入力フォーマットと判定されたマウスのうち
ここに画像を挿入説明

写サーブレット
ここに画像を挿入説明

ここに画像を挿入説明
これが第1の判定後に非準拠になり、ページが、更新していないこれ以上バックに入ります。

アヤックスでは、非同期の方法は、取得するために要求を送信します

ここに画像を挿入説明
ここに画像を挿入説明
ここに画像を挿入説明

キーと値のペアの形式でテキストボックスの最後の送信の値
ここに画像を挿入説明
この場合には、判決後に戻って遺骨を入力し、最初のページが更新されません満たしていません。

テストピットを踏むために自分の時間で:jqueryの前のimport文は、今日の直接コピーされた、自分のURLを書き込ん
ここに画像を挿入説明
スラッシュを追加するためにここに。それ以外の場合は、パッケージが見つかりません


Ajaxの基礎となるコード(ネイティブコード):

JavaScriptが非同期リクエストを送信するには、コアオブジェクトのXMLHttpRequestが必要ですが、異なるブラウザの階で異なるので、私たちは、コアオブジェクトを作成することができます。

ここに画像を挿入説明
ここに画像を挿入説明
ここに画像を挿入説明

POSTメソッドを使用する場合は、変更する必要があります。
ここに画像を挿入説明


ここに画像を挿入説明

ポスト要求の使用:1のみを変更する必要があります。
ここに画像を挿入説明

ここに画像を挿入説明
内部のサーブレットの種類によってこの文の取得要求。


JSON形式:

ここに画像を挿入説明

標準的なJSON形式:

これは、単一の配列を意味
ここに画像を挿入説明JSONを:

アレイの複数のJSON手段
ここに画像を挿入説明
概念JS代わりにアレイを使用する、設定されていない
アレイを横断します。
ここに画像を挿入説明

Ajaxリクエストサーバは、サーバは、JSON文字列を応答します。
ここに画像を挿入説明
上記は、単一引用符に最初の二重のエスケープです

第二の方法は、二重引用符内の単一引用符で直接書き込むことです。

:サーバーではなく、私たちが二重引用符を取り除くために、たいJSONデータを、JSON文字列の上を通過しているので
、二重引用符を除去する方法:
ここに画像を挿入説明

アプリケーション:
ここに画像を挿入説明
これは、二重引用符を削除します。標準、そして操作にJSONデータ。

フルバージョンの例:
ここに画像を挿入説明


その後、時間との実際の使用は、JSONを定義する必要はありませんが直接反映されます。まあ。JSONはどのように構築されますか?
サードパーティのjarパッケージを使用します。
ここに画像を挿入説明


Ajaxの省、直轄市2つの結合の。

1.データベースの確立とは、データを入れます。
問題があり、うまくいく、そう、外部キーの確立を第二のテーブルを作成するために、SQLクエリを使用していない外部キーテーブルの確立の後に挿入
ここに画像を挿入説明
ここに画像を挿入説明
ここに画像を挿入説明

2.データベース接続プールC3P0への接続を確立します。
3. Beanクラスを確立します。

ここに画像を挿入説明
ここに画像を挿入説明

4. DAO層を確立し、クエリを設定します。
ここに画像を挿入説明
ここに画像を挿入説明

  1. 節約するためには書かれたビジネス層が存在しない、直接サーブレット書きます
    ここに画像を挿入説明
    ここに画像を挿入説明

6. JSPページを編集します。
ここに画像を挿入説明
ここでは、2つのドロップダウンボックスには、IDを設定します。このノードスプライシングを見つけるために、AJAX良いが入力したデータへの送達のための時間が経過した後

ここに画像を挿入説明

成功。


jQueryのそれぞれの方法:

ここに画像を挿入説明
ここでは要素、および以下に対応している必要があります:

ここに画像を挿入説明ここに画像を挿入説明

jQueryの内部:GT(インデックス)方法:セレクタ

ここに画像を挿入説明

.change内部メソッドのjQuery

ここに画像を挿入説明

おすすめ

転載: blog.csdn.net/qq_39263750/article/details/90372597