rxjs中如何实现服务器轮询
How to implement server polling in rxjs
我有一个非常简单的服务器轮询场景:
- call API -> 2. onSuccess -> 3. wait 500ms -> 4. go back to step 1
和
- call API -> 2. onError -> 3. finish
我想使用 rxjs,因为我已经在使用 rxjava。但我似乎无法为我的问题找到合适的解决方案。
我试过计时器和间隔,但问题是它们只是 运行 无限,没有处理程序在等待服务器响应或发生错误时完全退出时暂停它们。尝试使用 retryWhen,但根本无法正常工作。
这就是我想要的:
downloadData() {
console.log('downloading data')
$.getJSON('http://localhost:80')
.done((data) => {
console.log('done' + JSON.stringify(data))
setTimeout(() => { this.downloadData() }, 500)
}).fail(function (jqXHR, textStatus, errorThrown) {
console.log(`Error: ${textStatus}`)
})
}
如何在 rxjs 中实现相同的功能?
你应该看看 repeat
运算符:
fromFetch.fromFetch(`https://www.googleapis.com/books/v1/volumes?q=purple cow&maxResults=3`).pipe(
exhaustMap(response => {
if (response.ok) {
// OK return data
return response.json()
} else {
// Server is returning a status requiring the client to try something else.
return of({ error: true, message: `Error ${response.status}` })
}
}),
catchError(err => {
// Network or other error, handle appropriately
return of({ error: true, message: err.message })
}),
filter(resp => !resp.error)
delay(500),
repeat(),
).subscribe()
我有一个非常简单的服务器轮询场景:
- call API -> 2. onSuccess -> 3. wait 500ms -> 4. go back to step 1
和
- call API -> 2. onError -> 3. finish
我想使用 rxjs,因为我已经在使用 rxjava。但我似乎无法为我的问题找到合适的解决方案。 我试过计时器和间隔,但问题是它们只是 运行 无限,没有处理程序在等待服务器响应或发生错误时完全退出时暂停它们。尝试使用 retryWhen,但根本无法正常工作。
这就是我想要的:
downloadData() {
console.log('downloading data')
$.getJSON('http://localhost:80')
.done((data) => {
console.log('done' + JSON.stringify(data))
setTimeout(() => { this.downloadData() }, 500)
}).fail(function (jqXHR, textStatus, errorThrown) {
console.log(`Error: ${textStatus}`)
})
}
如何在 rxjs 中实现相同的功能?
你应该看看 repeat
运算符:
fromFetch.fromFetch(`https://www.googleapis.com/books/v1/volumes?q=purple cow&maxResults=3`).pipe(
exhaustMap(response => {
if (response.ok) {
// OK return data
return response.json()
} else {
// Server is returning a status requiring the client to try something else.
return of({ error: true, message: `Error ${response.status}` })
}
}),
catchError(err => {
// Network or other error, handle appropriately
return of({ error: true, message: err.message })
}),
filter(resp => !resp.error)
delay(500),
repeat(),
).subscribe()