如何在Angular 5中以XML为请求体发送POST请求？

嘿，我懂你现在卡在Ionic应用用XML请求体调用REST API的问题上了。从你给出的代码片段来看，大概率是请求头设置不对，或者XML的处理方式有问题——毕竟Angular的HttpClient默认是适配JSON的，XML得特殊处理才行。我给你梳理下关键问题和修复方案：

常见坑点&修复步骤 #

1. 必须显式设置XML请求头 #

HttpClient默认会把请求体当成JSON解析，所以你得明确告诉服务器“我发的是XML”，不然服务器根本认不出你的请求体。务必设置Content-Type: application/xml，如果API返回的也是XML，再加个Accept: application/xml会更稳妥。

2. XML要以字符串形式发送 #

你提到用了DOMParser，但DOMParser是把XML解析成DOM对象的工具，而发送请求需要的是XML字符串。如果是用DOM API构造的XML，得用XMLSerializer把DOM对象转成字符串才能传给HttpClient。

修正后的完整代码示例 #

import { HttpClient, HttpHeaders } from '@angular/common/http';
import { Injectable } from '@angular/core';
import * as Constants from '../../services/constants';

@Injectable()
export class LoginProvider {
  // 预先定义好XML请求头，避免重复创建
  private xmlRequestHeaders = new HttpHeaders({
    'Content-Type': 'application/xml; charset=utf-8',
    'Accept': 'application/xml'
  });

  constructor(public http: HttpClient) {}

  // 示例登录方法，接收用户名和密码
  login(username: string, password: string) {
    // 方式一：直接构造XML字符串（适合结构简单的请求）
    // 注意：如果用户输入包含特殊字符（<>&"），要先转义，避免XML格式错误
    const loginXmlPayload = `<?xml version="1.0" encoding="UTF-8"?>
      <LoginRequest>
        <Username>${this.escapeXmlSpecialChars(username)}</Username>
        <Password>${this.escapeXmlSpecialChars(password)}</Password>
      </LoginRequest>`;

    // 方式二：用DOM API构造XML（更安全，自动处理特殊字符）
    // const xmlDoc = document.implementation.createDocument('', '', null);
    // const loginRequestNode = xmlDoc.createElement('LoginRequest');
    
    // const usernameNode = xmlDoc.createElement('Username');
    // usernameNode.textContent = username;
    // loginRequestNode.appendChild(usernameNode);
    
    // const passwordNode = xmlDoc.createElement('Password');
    // passwordNode.textContent = password;
    // loginRequestNode.appendChild(passwordNode);
    
    // xmlDoc.appendChild(loginRequestNode);
    // const loginXmlPayload = new XMLSerializer().serializeToString(xmlDoc);

    // 发送POST请求，传递XML字符串和正确的请求头
    return this.http.post(
      Constants.API_LOGIN_URL,
      loginXmlPayload,
      { headers: this.xmlRequestHeaders }
    );
  }

  // 辅助方法：转义XML特殊字符，避免直接拼接导致格式错误
  private escapeXmlSpecialChars(text: string): string {
    return text.replace(/&/g, '&amp;')
               .replace(/</g, '&lt;')
               .replace(/>/g, '&gt;')
               .replace(/"/g, '&quot;')
               .replace(/'/g, '&apos;');
  }
}

额外调试建议 #

1. 打开浏览器开发者工具的Network标签，找到你的登录请求：
   • 检查Request Headers里有没有Content-Type: application/xml
   • 查看Request Body是不是你期望的XML格式
2. 如果API返回错误，重点看响应的状态码和响应体，服务器一般会明确告诉你哪里出问题了（比如XML格式不合法、参数缺失等）

内容的提问来源于stack exchange，提问作者Dave Tolboom