XMLHttpRequestの使用分析

XMLHttpRequest 构造函数,用于创建一个XMLHttpRequest实例

new XMLHttpRequest()

メソッドの例:

XMLHttpRequest.abort()

リクエストが送信された場合、リクエストは直ちに中止されます。

XMLHttpRequest.getAllResponseHeaders()

CRLF 区切られたすべての応答ヘッダーを文字列の形式で返すか、応答が受信されなかった場合に  返し  nullます。

XMLHttpRequest.getResponseHeader()

指定された応答ヘッダーを含む文字列を返します。応答が受信されていないか、ヘッダーが応答に存在しない場合は、それが返され  nullます。

XMLHttpRequest.open()

リクエストを初期化します。このメソッドはJavaScriptコードでのみ使用できますopenRequest()ネイティブコードでリクエストを初期化するには、を使用してください 

XMLHttpRequest.overrideMimeType()

サーバーから返されたMIMEタイプを書き換えます。

XMLHttpRequest.send()

リクエストを送信します。リクエストが非同期の場合(デフォルト)、メソッドはリクエストが送信された直後に戻ります。

XMLHttpRequest.setRequestHeader()

HTTPリクエストヘッダーの値を設定します。この メソッドはopen() 前後にsend() 呼び出す必要があり  ます  setRequestHeader()

 

インスタンス属性:

XMLHttpRequest.onreadystatechange

readyStateプロパティが変更されたときに呼び出されます  EventHandler

XMLHttpRequest.readyState 読み取り専用

要求されたステータスコードを表す、unsigned short(unsigned short)番号を返します。

XMLHttpRequest.response 読み取り専用

返し  ArrayBufferBlobDocument、または  DOMString、特定のどのタイプに応じて  XMLHttpRequest.responseType 値の。応答本文全体が含まれます。

XMLHttpRequest.responseText 読み取り専用

 要求への応答DOMStringを  DOMString含むを返し、要求が成功しなかったか、送信されなかった場合に返します  null

XMLHttpRequest.responseType

応答タイプを定義するために使用される列挙値。

XMLHttpRequest.responseURL 読み取り専用

応答のシリアル化されたURLを返します。URLが空の場合、空の文字列が返されます。

XMLHttpRequest.responseXML 読み取り専用

復帰  Document要求が成功しなかった場合には送信していない場合は、要求に対する応答が含まれている、、、XMLやHTML、またはリターンとして解決することはできません  null

XMLHttpRequest.status 読み取り専用

リクエストの応答ステータスを表す、unsigned short(unsigned short)番号を返します。

XMLHttpRequest.statusText 読み取り専用

DOMStringHTTPサーバーから返された応答ステータスを含むoneを返し  ます。 XMLHTTPRequest.status 違いは、それが(例えば、「完全な応答ステータステキストが含まれていることです200 OK「)。

注: HTTP / 2仕様(8.1.2.4  Response Pseudo-Header Fields)によると、HTTP / 2は、HTTP / 1.1ステータス行に含まれるバージョンまたは理由フレーズを伝えるためのメソッドを定義していません。

XMLHttpRequest.timeout

リクエストの最大リクエスト時間(ミリ秒)を示す、unsigned long integer(unsigned long)数値。時間を超えると、リクエストは自動的に終了します。

XMLHttpRequestEventTarget.ontimeout

リクエストがタイムアウトしたときに呼び出され  EventHandlerます。

XMLHttpRequest.upload 読み取り専用

XMLHttpRequestUpload、アップロードプロセスに代わって。

XMLHttpRequest.withCredentials

1つは布尔值、クロスドメインAccess-Control リクエストがCookieや認証ヘッダーなどの認証情報を伝達するかどうかを指定するために使用されます 

例:

var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function(){
        if(xhr.readyState == 4){
            if((xhr.status> = 200 && xhr.status <300)|| xhr.status == 304){
                alert(xhr.responseText) ;
            } else {
                alert( "リクエストは失敗しました:" + xhr.status);
            }
        }
    };
    xhr.open( "get"、 "example.txt"、true);
    xhr.send(null);

 

要約:

手順を使用

1.インスタンスnew new XMLHttpRequest();を作成します。

2. onreadystatechangeイベントの監視を追加する

3.调用xhr..open(method、url、async);

4.リクエストヘッダーxhr.setRequestHeader(ヘッダー、値)を設定します。

5.リクエストxhr.send()を送信します 


xhr.send(null);
// xhr.send('string');
// xhr.send(new Blob());
// xhr.send(new Int8Array());
// xhr.send({ form: 'data' });
// xhr.send(document);
xhr.send("foo=bar&lorem=ipsum"); 
// xhr.send('string'); 
// xhr.send(new Blob()); 
// xhr.send(new Int8Array()); 
// xhr.send({ form: 'data' }); 
// xhr.send(document);

6.応答がonreadystatechangeで処理されるか、xhr.abort()が呼び出されて要求が中断されます。

公開された21元の記事 ウォンの賞賛2 ビュー7283

おすすめ

転載: blog.csdn.net/qq_31261131/article/details/105469411