How to Build a Simple SOAP Client in Javascript?

Simple SOAP Implementation in Javascript

Creating a SOAP client in Javascript can be straightforward with the right approach. This article explores the simplest SOAP client example, ensuring functionality and meeting several criteria.

Implementing the Client

The following code provides a stripped-down SOAP client in Javascript:

function soap() {
    let xmlhttp = new XMLHttpRequest();
    xmlhttp.open('POST', 'https://somesoapurl.com/', true);

    // build SOAP request
    let sr = `<?xml version="1.0" encoding="utf-8"?>
    <soapenv:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:api="http://127.0.0.1/Integrics/Enswitch/API" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/">
        <soapenv:Body>
            <api:some_api_call soapenv:encodingStyle="http://schemas.xmlsoap.org/soap/encoding/">
                <username xsi:type="xsd:string">login_username</username>
                <password xsi:type="xsd:string">password</password>
            </api:some_api_call>
        </soapenv:Body>
    </soapenv:Envelope>`;

    xmlhttp.onreadystatechange = function () {
        if (xmlhttp.readyState == 4) {
            if (xmlhttp.status == 200) {
                alert(xmlhttp.responseText);
                // alert('done. use firebug/console to see network response');
            }
        }
    }
    // Send the POST request
    xmlhttp.setRequestHeader('Content-Type', 'text/xml');
    xmlhttp.send(sr);
    // send request
    // ...
}

This code exemplifies the following points:

• Functionality: Implements a working SOAP client.
• Parameter Setting: Allows setting the username and password parameters externally.
• Result Processing: Can extract and read the response text.
• Browser Compatibility: Works with modern browsers without external libraries.
• Clarity and Conciseness: Maintains a simple and easy-to-follow structure.

Usage:

To use the client, call the soap() function in your HTML document. It will send the request and display the response.

The above is the detailed content of How to Build a Simple SOAP Client in Javascript?. For more information, please follow other related articles on the PHP Chinese website!