AJAXのXMLHttpRequestの紹介

开发工具与关键技术:vs2015  JS
作者:陈星宇
撰写时间:2019.5.1

AJAXでXMLHttpReque方法は非常に簡単で、彼はWebサーバーから同期または非同期応答に戻ることができ、テキストやDOM文書の内容を返すことができます。
非常にシンプルなXMLHttpRequeを使用するが、文言が固定されているので、私は科学についてあなたに伝えたい、
私たちは、文言のAjaxのXMLHttpRequestのの実用化を見ています。
まず第一に、私たちが提出されたデータを提出したい、最初のステップは、我々はボタンを識別saveFormとボタンを与えるので、クリックイベントがトリガされたときに、データが提出され、クリックイベントを追加する方法をトリガすることでなければなりません。
ここに画像を挿入説明
イベントは、我々は確かにデータを取得するためのクエストを、それを提出する必要があり、提出されたデータは、理にかなって、トリガ
入力ラベルの値を取得し、)私たちはヴァルを(使用することができ、あなたもそこにメソッドの小道具()チェックボックスを使用することができますデータは、その後のデータかどうかを判断しません。
ここに画像を挿入説明
私たちは、あなたが提出されたデータをインストールするために必要な、変数を宣言、することができます
し、データを格納するためのメソッドを追加します。
ここに画像を挿入説明
特別な注意が我々だけを取得引用符なし、であることをフィールドに相対引用されたコントローラに支払われますこれらのデータは、これはフォームの送信ので、より多くのデータがあるので。
データがうまく処理され、その後、我々は、固定のXMLHttpRequestを書き始めた
私たちは、オブジェクトを宣言する必要が
ブラウザの互換性あるため
、我々は別のブラウザの文言を決定する必要があり
ここに画像を挿入説明
、オブジェクトが作成された後、我々はプロパティ内で使用することができ
、我々は一般的に使用します3つの属性
プロパティを開きの
オープン()、一般的に3つのパラメータがあり、この一般的なプロパティは、
一般的に開いているように記述(方法、URL、非同期)
1.methodパラメータは、HTTP要求のための方法です。値はGET、POST、およびHEADが含まれます。
2.urlは、典型的には、アドレスに送信された要求のために、主要パラメータ要求である
要求を非同期的に実行されるべきであることを示す前記非同期用パラメータ。この引数がfalseの場合、要求は、(送信するために後続の呼び出し同期している)、応答が完全に受信されるまでブロックします。この引数がTrueまたは省略されている場合、デフォルトは非同期リクエストの提出である。
ここに画像を挿入説明
上記の説明はあまりにも複雑で、我々はプロジェクトを組み合わせて、まず最初の引数は状態であり、我々が提出するPOSTメソッドを使用しているの、第二は、URLであります、データは、我々はアドレスを提出し、3番目のパラメータは、非同期コミットするかどうかで、我々はデフォルトの非同期に提出されたデータを、持っていないことを示しています。

第二の属性は、送信される
呼び出しオープン()HTTPのPOSTメソッドまたはPUTで指定された場合には、身体パラメータは文字列またはDocumentオブジェクトとして、リクエストボディを指定し、。リクエストボディを適用してはならない場合、このパラメータはnullにすることができます。他の方法の場合、このパラメータは使用できません、(いくつかのパラメータが省略されていることを許可しない)nullにする必要があります。
全体的にデータが送信され、送信されますが、開いて書き込むデータを提出しなければならないが、またライトバックする
文言はXMLHttpRequestの死者固定されているように、メソッドのonreadystatechangeには
ここに画像を挿入説明
、これはFDに私たちの目の前にあることに注意を変数を宣言するようデータは手段をフェッチ

第三プロパティはonreadystatechangeにある
onreadystatechangeには、イベントハンドラです。ときにXMLHttpRequestオブジェクトの状態が変化するが、この機能をトリガーします。状態0(初期化されていない)から4への変更(完了)。状態のみ4で、私たちは、コードを実行します。
返された状態変化がときに実質的に類似して私たちの前の接触をonreadystatechangeにコールバック
このイベントコールバックプロセストリガー
と意味このステータスコード
要求が初期化されていません:0を
1:サーバ接続が確立
2:要求が受信
3:リクエスト治療
4:要求が完了しており、応答は準備ができて
、0Kを示し、200に戻った状態
リターン・ステータスはページが見つからないことを示す、おなじみの404で
ここに画像を挿入説明
それらが動作するために必要なもの、内容がそのコールバックの状態を確認しますどのような書き込み操作、完成のXMLHttpRequestのような方法の文言を修正しました。
この単純な4つのステップに要約
2は、指定されたアドレスによって提出と方法3を開き、オブジェクトを宣言1、コールバック関数onreadystatechangeに、提出されたデータ転送、4を送信します。

おすすめ

転載: blog.csdn.net/tianxiu11/article/details/89974887