アヤックス
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 { その後のロジック...... // } }