http - 如何避免 jsonp 请求超时错误？

Question

如何处理jsonp请求超时？我对 jsonp.get() 方法返回的可观察对象有 10 秒超时，但即使已达到超时，请求仍保留在浏览器中。 1-2 分钟超时后，我在控制台中收到此错误:

GET https://myserver/?url=asdf&callback=ng_jsonp.__req0.finished net::ERR_CONNECTION_TIMED_OUT browser_jsonp.js:64

在我的组件中想要发出一个 jsonp 请求并像这样订阅它:

this.service.jsonp(url).subscribe(
    (response) => { this.handleResponse(response); },
    (err) => { this.handleError(err); }
  );

这是我服务中的jsonp方法:

jsonp(url: string): Observable<any> {
  let params = new URLSearchParams();

  params.set('url', url);
  params.set('callback', 'JSONP_CALLBACK');

  return this.jsonp.get('https://myserver', {search: params})
    .timeout(10000)
    .catch((err: Response) => Observable.throw(err))
    .map((response: Response) => response.json());
}

Answer 1

JSONP实际上是在添加 <script>标记到页面。 Angular 只是从文档中删除节点(这对 IE 和 Edge 没问题，但在 Firefox 中你将不得不使用 document.onbeforescriptexecute ，不知道 Chrome 是如何处理这个的)，但脚本仍在加载并最终因浏览器超时而死记录到控制台。