404
Looks like we've got some broken links.Take me home.
并发多个请求，等待所有请求都结束后才执行回调相当于 Promise.all()
import { Rjax } from 'rjax';
19 | import { combineLatest } from 'rxjs';
20 |
21 | // 创建实例
22 | const rjax = new Rjax();
23 |
24 | const p1$ = rjax.get(`/user/12345`);
25 | const p2$ = rjax.get(`/user/123456`);
26 |
27 | combineLatest(p1$, p2$).subscribe(([res1, res2]) => {
28 | // 请求成功回调
29 | console.log(res1); // p1$ 的请求结果
30 | console.log(res2); // p2$ 的请求结果
31 | }, error => {
32 | // 请求失败回调
33 | console.log(error);
34 | });
35 | 例如某个图表的数据来源于websocket和ajax手动请求，返回格式是一样的，可以将这两个数据流进行合并创建新的Observable，组件只要订阅合并后的数据流而不关心数据的来源
import { Rjax } from 'rjax';
36 | import { merge } from 'rxjs';
37 | import { webSocket } from 'rxjs/webSocket';
38 |
39 | const rjax = new Rjax();
40 |
41 | const ws$ = webSocket('wss://echo.websocket.org'); // websocket
42 | const ajax$ = rjax.get(`/user/12345`); // ajax
43 |
44 | // 合并数据流
45 | merge(ws$, ajax$).subscribe(res => {
46 | console.log(res)
47 | }, err => console.log('请求出错'));
48 | 49 | ← 50 | 51 | 进阶 52 |
yarn add rjax # 或者：npm install rjax --save
19 | import { Rjax } from 'rjax';
20 |
21 | // 创建实例
22 | const rjax = new Rjax({
23 | baseURL: 'https://some-domain.com/api/', // 设置请求基路径，可选
24 | timeout: 1000, // 设置请求超时时间，可选
25 | interceptors: [] // 设置请求响应拦截器，可设置多组，可选
26 | xsrfCookieName: 'XSRF-TOKEN', // 是用作 xsrf token 的值的cookie的名称，默认'XSRF-TOKEN'，可选
27 | xsrfHeaderName: 'X-XSRF-TOKEN', // 是承载 xsrf token 的值的 HTTP 头的名称，默认'X-XSRF-TOKEN'，可选
28 | headers: {}, // 添加统一的headers，默认{}，可选
29 | withCredentials: false, // 表示跨域请求时是否需要使用凭证，默认false，可选
30 | jsonp: false, // 是否添加jsonp请求功能，默认false，可选
31 | });
32 |
33 | // 发起GET请求
34 | rjax.get(`/user/12345`).subscribe(response => {
35 | // 请求成功回调
36 | console.log(response);
37 | }, error => {
38 | // 请求失败回调
39 | console.log(error);
40 | });
41 | class HttpClient {
42 | request(first: string | HttpRequest<any>, url?: string, options: { body?: any; headers?: HttpHeaders | { [header: string]: string | string[]; }; observe?: HttpObserve; params?: HttpParams | { [param: string]: string | string[]; }; reportProgress?: boolean; responseType?: "arraybuffer" | ... 2 more ... | "json"; withCredentials?: boolean; } = {}): Observable<any>
43 | delete(url: string, options: { headers?: HttpHeaders | { [header: string]: string | string[]; }; observe?: HttpObserve; params?: HttpParams | { [param: string]: string | string[]; }; reportProgress?: boolean; responseType?: "arraybuffer" | "blob" | "text" | "json"; withCredentials?: boolean; } = {}): Observable<any>
44 | get(url: string, options: { headers?: HttpHeaders | { [header: string]: string | string[]; }; observe?: HttpObserve; params?: HttpParams | { [param: string]: string | string[]; }; reportProgress?: boolean; responseType?: "arraybuffer" | "blob" | "text" | "json"; withCredentials?: boolean; } = {}): Observable<any>
45 | head(url: string, options: { headers?: HttpHeaders | { [header: string]: string | string[]; }; observe?: HttpObserve; params?: HttpParams | { [param: string]: string | string[]; }; reportProgress?: boolean; responseType?: "arraybuffer" | "blob" | "text" | "json"; withCredentials?: boolean; } = {}): Observable<any>
46 | jsonp<T>(url: string, callbackParam: string): Observable<T>
47 | options(url: string, options: { headers?: HttpHeaders | { [header: string]: string | string[]; }; observe?: HttpObserve; params?: HttpParams | { [param: string]: string | string[]; }; reportProgress?: boolean; responseType?: "arraybuffer" | "blob" | "text" | "json"; withCredentials?: boolean; } = {}): Observable<any>
48 | patch(url: string, body: any, options: { headers?: HttpHeaders | { [header: string]: string | string[]; }; observe?: HttpObserve; params?: HttpParams | { [param: string]: string | string[]; }; reportProgress?: boolean; responseType?: "arraybuffer" | "blob" | "text" | "json"; withCredentials?: boolean; } = {}): Observable<any>
49 | post(url: string, body: any, options: { headers?: HttpHeaders | { [header: string]: string | string[]; }; observe?: HttpObserve; params?: HttpParams | { [param: string]: string | string[]; }; reportProgress?: boolean; responseType?: "arraybuffer" | "blob" | "text" | "json"; withCredentials?: boolean; } = {}): Observable<any>
50 | put(url: string, body: any, options: { headers?: HttpHeaders | { [header: string]: string | string[]; }; observe?: HttpObserve; params?: HttpParams | { [param: string]: string | string[]; }; reportProgress?: boolean; responseType?: "arraybuffer" | "blob" | "text" | "json"; withCredentials?: boolean; } = {}): Observable<any>
51 | }
52 | 53 | ← 54 | 55 | 介绍 56 | 57 | 进阶 58 | 59 | → 60 |
19 | 快速上手 20 | 21 | → 22 |