Webフロントエンドのインタビューの要約--Ajax

アヤックス

1.ステップアヤックスは、ネイティブJSで実装するためのリクエストを送信しますか?

  • オンロードイベント登録:
// XHRを作成するオブジェクト
のvar XHR =新しいXMLHttpRequestを(); 
実施形態2 //パス設定要求と
xhr.open( 'GET'、 '/時刻を'); 
//要求3.送信
xhr.sendを( NULL); 
// 4.登録イベント
xhr.onload =関数(){ 
    // responseTextのXHRに応答して身体によって応答を得る
   にconsole.log(this.responseText)
}

  送信の場合:注(=接続属性と値;接続&異なる特性フォーマット要件に)パラメータが配信される追加送信、送信後の実施例の要求、要求がオープンと中間ヘッダに設定する必要があります。

XMLHttpRequestの新しい新しいXHR = VAR()
xhr.open( 'POST'、 '/ POST-クエリ')
のContent-Typeがapplication / x-www-フォーム-で設定// URLエンコード、 すなわち重複排除暗記せずに次のコード行、することができます
xhr.setRequestHeader(「Content-Typeの」、「ファイルアプリケーション/ x-www-form-urlencodedで」)
//サーバにデータを提出する必要がメソッドによって渡されたパラメータ送信することができます
名前=&zhangsan年齢= 18です://形式は
xhr.send ( '名前=&年齢= 18 zhangsanある')
xhr.onload =関数(){ 
    にconsole.log(this.responseText)
}
  • onloadイベントの新しいHTML5は、時間の内容を取得するために、過去に戻るには、ブラウザを使用すると、onreadystatechangeにあり、イベントに応じて簡単にアクセスの未来です。
XMLHttpRequestの新しい新しいXHR = VAR()
//最初の関数のパラメータ設定方法は、メソッドオープン要求である
xhr.open( 'POST'、 '/ POST-クエリ')
のContent-Typeを設定//あるアプリケーション/ X-WWW -体- URLエンコード、丸暗記せずにこのコード行は、それをコピーする
xhr.setRequestHeader(「Content-Typeの」、「ファイルアプリケーション/ x-www-form-urlencodedで」)
//サーバに提出する必要がデータを送信することができます渡されたメソッドパラメータ
//形式:名前=&zhangsan年齢= 18である
xhr.send( '名前=&年齢= 18 zhangsanある')
// onreadystatechangeに変化するイベント
xhr.onreadystatechangeを=関数(){ 
    (this.readyState === 4)IF { 
    その後のロジック...... // 
  } 
} 

 差分2.ajaxとaxios、フェッチ

おすすめ

転載: www.cnblogs.com/belongs-to-qinghua/p/11033138.html