フロントエンドのhttpリクエストタイムアウトの概要について

• xmlhttprequest

let xhr = new XMLHttpRequest();

xhr.timeout = 120000 ; // unitms
xhr.ontimeout = (e)=> {
  console.log(e)// timeout callback function
};

xhr.open('GET', '/server', true);
xhr.send(null);
xhr.onreadystatechange = ()=>{
    if(xhr.status === 4 && xhr.readyState == 200){
        console.log(xhr.responseText);
   }
 };

• angularJs

$http.get({ url: url, timeout: 120000 }).success(data)=>{})

• angular2+

	import { Http, Headers } from '@angular/http';
	import { Observable } from 'rxjs/Observable';
	
    post(url: string, params?: any): Observable<any> {
        let headers = new Headers();
        headers.append("Content-Type", "application/json;charset=utf-8");
        return this.http.post(url, params, { headers: headers })
        				.timeout(120000 ) //units ms
            			.map(response => response.json());
    }

• 色相

export default {
    post(url, params) {
        return axios.post(url, params, { timeout: 120000 }); // unit ms
    }
 }

• 概要
  実際、主要なフレームワークのhttpサービスは、すべてxmlhttprequestのラッパーであり、原理は同じである。