React Native

Simple SOAP Request

See more HTTP Examples

Demonstrates how to send a simple SOAP request. React Native

import { Http, HttpResponse, Xml } from '@chilkat/react-native'

async function chilkatExample() {
  // --------------------------------------------------------------------------------
  // Also see Chilkat's Online WSDL Code Generator
  // to generate code and SOAP Request and Response XML for each operation in a WSDL.
  // --------------------------------------------------------------------------------

  // Create the following XML to be sent in the SOAP request body.

  // <soapenv:Envelope xmlns:dat="http://www.dataaccess.com/webservicesserver/" xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/">
  //     <soapenv:Header/>
  //     <soapenv:Body>
  //         <dat:NumberToDollars>
  //             <dat:dNum>99.0</dat:dNum>
  //         </dat:NumberToDollars>
  //     </soapenv:Body>
  // </soapenv:Envelope>

  const xml = new Xml();
  xml.tag = 'soapenv:Envelope';
  xml.addAttribute('xmlns:dat', 'http://www.dataaccess.com/webservicesserver/');
  xml.addAttribute('xmlns:soapenv', 'http://schemas.xmlsoap.org/soap/envelope/');
  xml.updateChildContent('soapenv:Header', '');
  xml.updateChildContent('soapenv:Body|dat:NumberToDollars|dat:dNum', '99.0');

  // In a SOAP HTTP request, including the XML declaration (<?xml version="1.0" encoding="UTF-8"?>) in the XML body is generally not required. 
  xml.emitXmlDecl = false;
  const soapRequestBody = xml.getXml();

  const endpoint = 'https://www.dataaccess.com/webservicesserver/numberconversion.wso';
  const soapAction = '';
  //  For SOAP requests, the standard Content-Type is usually set to "text/xml" or "application/soap+xml"
  const contentType = 'text/xml';

  const http = new Http();

  http.clearHeaders();
  http.setRequestHeader('SOAPAction', soapAction);

  const resp = new HttpResponse();
  try {
    await http.httpStrAsync('POST', endpoint, soapRequestBody, 'utf-8', contentType, resp);
  } catch {
    console.log(http.lastErrorText);
    return;
  }

  // Get the XML response body.
  const responseXml = new Xml();
  resp.getBodyXml(responseXml);

  const statusCode = resp.statusCode;
  console.log(`response status code: ${statusCode}`);

  // If the status code does not indicate succcess, then show the response XML,
  // which probably contains error information.
  if (statusCode !== 200) {
    console.log(responseXml.getXml());
    return;
  }

  console.log(responseXml.getXml());

  // Parse the successful SOAP response XML.

  // This is a sample of the response XML, but the namespace prefixes will be different.
  // We can parse the result using "*" for the namespace prefixes (see below).

  // <soapenv:Envelope xmlns:dat="http://www.dataaccess.com/webservicesserver/" xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/">
  //     <soapenv:Header/>
  //     <soapenv:Body>
  //         <dat:NumberToDollarsResponse>
  //             <dat:NumberToDollarsResult>string</dat:NumberToDollarsResult>
  //         </dat:NumberToDollarsResponse>
  //     </soapenv:Body>
  // </soapenv:Envelope>

  const datNumberToDollarsResult = responseXml.getChildContent('*:Body|*:NumberToDollarsResponse|*:NumberToDollarsResult');
  console.log(`result: ${datNumberToDollarsResult}`);
}