如何在前端调用WebService接口并处理响应数据？

Question

前端怎么调用webService接口？要对接一个接口，对方提供的webService接口，请求信息和返回信息类似这样的，我去查阅了一些资料，webservice主要是指soap协议方式吗
请求信息类似这样的:<Request>
<TradeCode>3014</TradeCode>
<UserID>ZJ053</UserID>
<TerminalID>2074</TerminalID>
<CardTypeCode>02</CardTypeCode>
<PatientCard></PatientCard>
<SecurityNo></SecurityNo>
</Request>
返回信息类似这样的：
<Response><PatientCard>0200035565</PatientCard><PatientID>00035565</PatientID><ResultCode>0</ResultCode></Response>

function callSoapApi() {

const url = 'https://www.example.com/soap-endpoint'; // 替换为实际的SOAP服务URL
const soapRequest = `
<soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/" xmlns:web="http://www.example.com/webservice">
   <soapenv:Header/>
   <soapenv:Body>
      <web:YourRequest>
         <web:Parameter1>value1</web:Parameter1>
         <web:Parameter2>value2</web:Parameter2>
      </web:YourRequest>
   </soapenv:Body>
</soapenv:Envelope>
`;

axios.post(url, soapRequest, {
    headers: {
        'Content-Type': 'text/xml',
        'SOAPAction': 'http://www.example.com/soap-action'  // 替换为实际的SOAPAction
    }
})
.then(response => {
    console.log('SOAP Response:', response.data);
    // 解析XML响应
    parseSoapResponse(response.data);
})
.catch(error => {
    console.error('Error calling SOAP API:', error);
});

}
这里的url和SOAPAction到底是指什么，还是没搞懂。