如何获取不带转义字符的xml？（javascript，角度）

Question

我在javascript领域还是个新手。所以请容忍我。:-)

用户按下“保存客户订单”按钮（这将向用户pc下载xml文件）：

orders.component.html：

... 
    <form (ngSubmit)="saveOrdersAsXml()" novalidate>
...
    <div class="col-sm-12 text-right">
        <button type="submit" class="btn btn-primary btn-lg" >Save Customer Orders</button> 
    </div>
...

问题是：如何在没有转义字符的情况下获取xml？：

orders.component.ts：

export class OrderComponent implements OnInit 
{
    ...

    private saveOrdersAsXml($event) 
    {
        this.orderService.GetOrdersAsXml(this.customerNumber)
            .subscribe(res => 
            {
                // res = "Response with status: 200 OK for URL: http://localhost:52511/..."
                // res._body = "<?xml version=\"1.0\" encoding=\"utf-8\"?>..."      
                // _body contains the xml. How do I get the xml without escape characters??

                let xml: string = res;
                const file = new Blob([xml], { type: 'text/xml;charset=utf-8' }); 
                saveAs(file, this.customerNumber + '.xml'); // Currently the file will contain "Response with status: 200 OK for URL: http://localhost:52511/..." - I need it to be xml.
            }, error => this.errorMessage = <any>error);
    }
}

订单.服务. ts:

@Injectable()
export class OrderService 
{
    ...

    public GetOrdersAsXml(customerNumber: string): Observable<any> 
    {
        const dataResult = this._http.get("http://localhost:52511/api/orders/getordersasxml/" + customerNumber, , this.authenticationService.jwt()))
            .map((response: Response) => response)
            .catch(this.handleError);
        return dataResult;
    }
}

订单控制器.cs：

[Produces("application/json")]
[Route("api/orders")]
[Authorize(AuthenticationSchemes = JwtBearerDefaults.AuthenticationScheme)]
public class OrdersController : Controller
{
    ...

    [HttpGet("getordersasxml/{customerNumber}")]
    public string GetOrdersAsXml(string customerNumber)
    {
        // Here the xml is fine (e.g.: "<?xml version="1.0" encoding="UTF-8"?>...")
        return _orderBL.GetOrdersAsXml(customerNumber);
    }
}

编辑：工作了5个小时后，我还是不明白。

我尝试返回JObject、HttpResponseMessage、byte[]和xDocument。这越来越令人沮丧。。。

当我像这样使用xDocument时：

[HttpGet("getordersasxml/{customerNumber}")]
public XDocument GetOrdersAsXml(string customerNumber)
{
    // Here the xml is fine (e.g.: "<?xml version="1.0" encoding="UTF-8"?>...")
    var xml = _orderBL.GetOrdersAsXml(customerNumber);
    return XDocument.Parse(xml);
}

在前端，我这样做:

private saveOrdersAsXml($event) 
{
    this.orderService.GetOrdersAsXml(this.customerNumber)
        .subscribe(res => 
        {
            console.log("1: " + xmlResult);
            console.log("2: " + xmlResult._body);
            console.log("3: " + new XMLSerializer().serializeToString(xmlResult._body));

            ...
        }, error => this.errorMessage = <any>error);
}

控制台返回以下内容：

1：状态为：200 OK 的响应...

2：{"？ xml"：{"@版本"："1.0"，"@编码"："utf-16"}，"客户"…

错误类型错误:未能对“XMLSerializer”执行“serializeToString”:参数1不属于“Node”类型。位于SafeSubscriber . search service . getxml file . subscribe . _ this . error message[as _ next](license . component . ts:111)位于safe subscriber。__tryOrUnsub (Subscriber.ts:254)位于safe Subscriber . next(Subscriber . ts:204)位于Subscriber。_ next(subscriber . ts:135)at subscriber . next(subscriber . ts:95)at catch subscriber . subscriber . _ next(subscriber . ts:135)at catch subscriber .subscriber . next(subscriber . ts:95)位于xmlhttprequest . onload(http . UMD . js:1259)位于zone delegate . invoke task(zone . js:425)位于object . oninvoke task(core . UMD . js:3913)

为什么要做这么简单的任务，比如将xml字符串从后端发送到前端？！

我现在要去看牙医，但稍后会回来。感谢您的帮助。

Answer 1

终于成功了。显然去看牙医有所帮助；-)

我是这样做的：

订单控制器.cs：

[HttpGet("getordersasxml/{customerNumber}")]
public string GetOrdersAsXml(string customerNumber)
{
    //return _orderBL.GetOrdersAsXml(customerNumber); // Gives trouble!

    // Put xml as a byte array into a json
    var xml = _orderBL.GetOrdersAsXml(customerNumber);
    var response = JsonConvert.SerializeObject(new
    {
        data = Encoding.UTF8.GetBytes(xml)
    }); 
    return response;
}

orders.component.ts：

private saveOrdersAsXml($event) 
{
    this.orderService.GetOrdersAsXml(this.customerNumber)
        .subscribe(res => 
        {
            // let xml: string = res; // Won't work

            // Parse json-string to json object and convert the data byte array to a string.
            let xml:string = atob(JSON.parse(res).data); 

            const file = new Blob([xml], { type: 'text/xml;charset=utf-8' }); 
            saveAs(file, this.customerNumber + '.xml'); 
        }, error => this.errorMessage = <any>error);
}

希望有人觉得这有帮助。：-）