角5 httpClient版本代码

Question

我有一些代码，以它当前的格式为我工作，但我想改变它，所以它使用角httpClient代替。

以下是当前代码：

const xhr = new XMLHttpRequest();
const xml = XMLData;
xhr.open('PUT', 'my url here', true);
xhr.setRequestHeader('Content-type', 'text/xml');
xhr.send(xml);
const response = xhr.responseText;

我怎么能用角5的httpClient PUT来做这个呢？

Answer 1

这就是使用HttpClient和选项的PUT请求的样子。您需要将您的XMLData (不管是什么)转换为字符串。@Vikas在他的评论中提供的SO 问题提到了一些能够有效解析XML的库。

import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';

@Injectable()
export class AppService {
  constructor(private http: HttpClient) { }

  doPut() {
    const httpOptions = {
      headers: new HttpHeaders({
        'Content-Type': 'text/xml'
      })
    };

    const xml: string = '<foo>1</foo>';

    return this.http.put("/some/url", xml, httpOptions)
      .subscribe(result => console.log(result));
  }
}

如果您愿意的话，合并版本：

doPut(xml: string) {    
  return this.http.put("/some/url", xml, { headers: new HttpHeaders({ 'Content-Type': 'text/xml' }) })
    .subscribe(result => console.log(result));
}

除非您将subscribe()与put()生成的返回的Observable连接到某个地方，否则HTTP请求不会执行。此外，我还将检查文档中的错误处理和其他选项/功能。

希望这能帮上忙！