Rx 對象上有一個 ajax 運算符。

const ajax: any;

描述

它使用以下請求對象創(chuàng)建 Ajax 請求的可觀察對象： 網(wǎng)址，標頭等或網(wǎng)址字符串。

使用 ajax()來獲取從 API 返回的響應對象。

import { ajax } from 'rxjs/ajax';

import { map, catchError } from 'rxjs/operators';

import { of } from 'rxjs';

const obs$ = ajax(`https://api.github.com/users?per_page=5`).pipe(

map(userResponse => console.log('users: ', userResponse)),

catchError(error => {

console.log('error: ', error);

return of(error);

})

);

使用 ajax.getJSON()從 API 獲取數(shù)據(jù)。

import { ajax } from 'rxjs/ajax';

import { map, catchError } from 'rxjs/operators';

import { of } from 'rxjs';

const obs$ = ajax.getJSON(`https://api.github.com/users?per_page=5`).pipe(

map(userResponse => console.log('users: ', userResponse)),

catchError(error => {

console.log('error: ', error);

return of(error);

})

);

將 ajax()與對象一起用作參數(shù)，并將方法 POST 延遲兩秒鐘。

import { ajax } from 'rxjs/ajax';

import { of } from 'rxjs';

const users = ajax({

url: 'https://httpbin.org/delay/2',

method: 'POST',

headers: {

'Content-Type': 'application/json',

'rxjs-custom-header': 'Rxjs'

},

body: {

rxjs: 'Hello World!'

}

}).pipe(

map(response => console.log('response: ', response)),

catchError(error => {

console.log('error: ', error);

return of(error);

})

);

使用ajax()獲取。 從請求返回的錯誤對象。

import { ajax } from 'rxjs/ajax';

import { map, catchError } from 'rxjs/operators';

import { of } from 'rxjs';

const obs$ = ajax(`https://api.github.com/404`).pipe(

map(userResponse => console.log('users: ', userResponse)),

catchError(error => {

console.log('error: ', error);

return of(error);

})

);

總結(jié)

以上是生活随笔為你收集整理的rx ajax,ajax_RxJS 中文文档_w3cschool的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。