Simplest SOAP example

Question

What is the simplest SOAP example using Javascript   To be as useful as possible  the answer should    Be functional  in other words actually work  Send at least one parameter that can be set elsewhere in the code Process at least one result value that can be read elsewhere in the code Work with most modern browser versions Be as clear and as short as possible  without using an external library

User · Answer

function SoapQuery      var namespace    http   tempuri org      var site    http   server com Service asmx     var xmlhttp   new ActiveXObject  Msxml2 ServerXMLHTTP 6 0      xmlhttp setOption 2   13056        if use standard proxy      var args fname    arguments callee caller toString   match              1                    -        try   args     arguments callee caller arguments callee toString   match               1  split               catch  e    args   Array        xmlhttp open  POST  site true       var i  ret       q     lt  xml version  1 0  encoding  utf-8   gt         lt soap Envelope xmlns xsi  http   www w3 org 2001 XMLSchema-instance  xmlns xsd  http   www w3 org 2001 XMLSchema  xmlns soap  http   schemas xmlsoap org soap envelope   gt         lt soap Body gt  lt   fname    xmlns    namespace    gt      for  i 0 i lt args length i    q      lt     args i      gt     arguments callee caller arguments i       lt      args i      gt      q        lt    fname   gt  lt  soap Body gt  lt  soap Envelope gt                   Send the POST request             xmlhttp setRequestHeader  MessageType   CALL                xmlhttp setRequestHeader  SOAPAction  namespace   fname               xmlhttp setRequestHeader  Content-Type    text xml                  WScript Echo         XML     q               xmlhttp send q        if   xmlhttp waitForResponse 5000   ret   xmlhttp responseText      return ret            function GetForm prefix post vars  return SoapQuery      function SendOrder2 guid order fio phone mail  return SoapQuery       function SendOrder guid post vars  return SoapQuery

User · Answer

Easily consume SOAP Web services with JavaScript -  Listing B  function fncAddTwoIntegers a  b        varoXmlHttp   new XMLHttpRequest        oXmlHttp open  POST     http   localhost Develop NET Home Develop WebServices SimpleService asmx     false       oXmlHttp setRequestHeader  Content-Type    text xml        oXmlHttp setRequestHeader  SOAPAction    http   tempuri org AddTwoIntegers        oXmlHttp send      lt soap Envelope xmlns xsi  http   www w3 org 2001 XMLSchema-instance    xmlns xsd  http   www w3 org 2001 XMLSchema     xmlns soap  http   schemas xmlsoap org soap envelope   gt       lt soap Body gt         lt AddTwoIntegers xmlns  http   tempuri org   gt           lt IntegerOne gt     a     lt  IntegerOne gt           lt IntegerTwo gt     b     lt  IntegerTwo gt         lt  AddTwoIntegers gt       lt  soap Body gt     lt  soap Envelope gt            return oXmlHttp responseXML selectSingleNode    AddTwoIntegersResult   text      This may not meet all your requirements but it is a start at actually answering your question   I switched XMLHttpRequest   for ActiveXObject  MSXML2 XMLHTTP

User · Answer

Some great examples  and a ready-made JavaScript SOAP client   here  http   plugins jquery com soap   Check the readme  and beware the same-origin browser restriction

User · Answer

This is the simplest JavaScript SOAP Client I can create     lt html gt   lt head gt       lt title gt SOAP JavaScript Client Test lt  title gt       lt script type  text javascript  gt          function soap                 var xmlhttp   new XMLHttpRequest                xmlhttp open  POST    https   somesoapurl com    true                   build SOAP request             var sr                     lt  xml version  1 0  encoding  utf-8   gt                       lt 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   gt                           lt soapenv Body gt                               lt api some api call soapenv encodingStyle  http   schemas xmlsoap org soap encoding   gt                                   lt username xsi type  xsd string  gt login username lt  username gt                                   lt password xsi type  xsd string  gt password lt  password gt                               lt  api some api call gt                           lt  soapenv Body gt                       lt  soapenv Envelope gt                 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                                   lt  script gt   lt  head gt   lt body gt       lt form name  Demo  action    method  post  gt           lt div gt               lt input type  button  value  Soap  onclick  soap       gt           lt  div gt       lt  form gt   lt  body gt   lt  html gt   lt  -- typo -- gt

User · Answer

Thomas  JSON is preferred for front end use because we have easy lookups  Therefore you have no XML to deal with  SOAP is a pain without using a library because of this  Somebody mentioned SOAPClient  which is a good library  we started with it for our project  However it had some limitations and we had to rewrite large chunks of it  It s been released as SOAPjs and supports passing complex objects to the server  and includes some sample proxy code to consume services from other domains

User · Answer

lt html gt    lt head gt       lt title gt Calling Web Service from jQuery lt  title gt       lt script type  text javascript  src  http   ajax googleapis com ajax libs jquery 1 4 3 jquery min js  gt  lt  script gt       lt script type  text javascript  gt            document  ready function                      btnCallWebService   click function  event                    var wsUrl    http   abc com services soap server1 php                   var soapRequest    lt soap Envelope xmlns xsi  http   www w3 org 2001 XMLSchema-instance  xmlns xsd  http   www w3 org 2001 XMLSchema  xmlns soap  http   schemas xmlsoap org soap envelope   gt     lt soap Body gt   lt getQuote xmlns impl  http   abc com services soap server1 php  gt    lt symbol gt         txtName   val       lt  symbol gt     lt  getQuote gt   lt  soap Body gt  lt  soap Envelope gt                                   alert soapRequest                    ajax                       type   POST                       url  wsUrl                      contentType   text xml                       dataType   xml                       data  soapRequest                      success  processSuccess                      error  processError                                                           function processSuccess data  status  req    alert  success                if  status     success                       response   text   req responseXML  find  Result   text                      alert req responseXML                      function processError data  status  req            alert  err  data state                 alert req responseText         status                    lt  script gt   lt  head gt   lt body gt       lt h3 gt          Calling Web Services with jQuery AJAX      lt  h3 gt      Enter your name       lt input id  txtName  type  text    gt       lt input id  btnCallWebService  value  Call web service  type  button    gt       lt div id  response   gt  lt  div gt   lt  body gt   lt  html gt    Hear is best JavaScript with SOAP tutorial with example   http   www codeproject com Articles 12816 JavaScript-SOAP-Client

User · Answer

Simplest example would consist of    Getting user input  Composing XML SOAP message similar to this   lt soap Envelope xmlns xsi  http   www w3 org 2001 XMLSchema-instance                 xmlns xsd  http   www w3 org 2001 XMLSchema                 xmlns soap  http   schemas xmlsoap org soap envelope   gt     lt soap Body gt       lt GetInfoByZIP xmlns  http   www webserviceX NET  gt         lt USZip gt string lt  USZip gt       lt  GetInfoByZIP gt     lt  soap Body gt   lt  soap Envelope gt   POSTing message to webservice url using XHR Parsing webservice s XML SOAP response similar to this   lt soap Envelope xmlns soap  http   schemas xmlsoap org soap envelope                  xmlns xsi  http   www w3 org 2001 XMLSchema-instance                 xmlns xsd  http   www w3 org 2001 XMLSchema  gt    lt soap Body gt     lt GetInfoByZIPResponse xmlns  http   www webserviceX NET  gt      lt GetInfoByZIPResult gt       lt NewDataSet xmlns    gt        lt Table gt         lt CITY gt     lt  CITY gt         lt STATE gt     lt  STATE gt         lt ZIP gt     lt  ZIP gt         lt AREA CODE gt     lt  AREA CODE gt         lt TIME ZONE gt     lt  TIME ZONE gt        lt  Table gt       lt  NewDataSet gt      lt  GetInfoByZIPResult gt     lt  GetInfoByZIPResponse gt    lt  soap Body gt   lt  soap Envelope gt   Presenting results to user    But it s a lot of hassle without external JavaScript libraries

User · Answer

Has anyone tried this  https   github com doedje jquery soap  Seems very easy to implement   Example     soap   url   http   my server com soapservices    method   helloWorld    data        name   Remy Blom       msg   Hi       success  function  soapResponse           do stuff with soapResponse        if you want to have the response as JSON use soapResponse toJSON           or soapResponse toString   to get XML string        or soapResponse toXML   to get XML DOM    error  function  SOAPResponse           show error         will result in   lt soap Envelope xmlns soap  http   schemas xmlsoap org soap envelope   gt     lt soap Body gt       lt helloWorld gt           lt name gt Remy Blom lt  name gt           lt msg gt Hi  lt  msg gt       lt  helloWorld gt     lt  soap Body gt   lt  soap Envelope gt

User · Answer

The question is  What is the simplest SOAP example using Javascript    This answer is of an example in the Node js environment  rather than a browser   Let s name the script soap-node js  And we will use the public SOAP web service from Europe PMC as an example to get the reference list of an article   const XMLHttpRequest   require  xmlhttprequest   XMLHttpRequest  const DOMParser   require  xmldom   DOMParser   function parseXml text        let parser   new DOMParser        let xmlDoc   parser parseFromString text   text xml        Array from xmlDoc getElementsByTagName  reference    forEach function  item            console log  Title     item childNodes 3  childNodes 0  nodeValue               function soapRequest url  payload        let xmlhttp   new XMLHttpRequest        xmlhttp open  POST   url  true           build SOAP request     xmlhttp onreadystatechange   function              if  xmlhttp readyState    4                if  xmlhttp status    200                    parseXml xmlhttp responseText                                         Send the POST request     xmlhttp setRequestHeader  Content-Type    text xml        xmlhttp send payload      soapRequest  https   www ebi ac uk europepmc webservices soap          lt  xml version  1 0  encoding  UTF-8   gt       lt S Envelope xmlns S  http   schemas xmlsoap org soap envelope   gt       lt S Header   gt       lt S Body gt           lt ns4 getReferences xmlns ns4  http   webservice cdb ebi ac uk               xmlns ns2  http   www scholix org              xmlns ns3  https   www europepmc org data  gt               lt id gt C7886 lt  id gt               lt source gt CTX lt  source gt               lt offSet gt 0 lt  offSet gt               lt pageSize gt 25 lt  pageSize gt               lt email gt ukpmc-phase3-wp2b---do-not-reply europepmc org lt  email gt           lt  ns4 getReferences gt       lt  S Body gt       lt  S Envelope gt       Before running the code  you need to install two packages   npm install xmlhttprequest npm install xmldom   Now you can run the code   node soap-node js   And you ll see the output as below   Title   Perspective  Sustaining the big-data ecosystem  Title   Making proteomics data accessible and reusable  current state of proteomics databases and repositories  Title   ProteomeXchange provides globally coordinated proteomics data submission and dissemination  Title   Toward effective software solutions for big biology  Title   The NIH Big Data to Knowledge  BD2K  initiative  Title   Database resources of the National Center for Biotechnology Information  Title   Europe PMC  a full-text literature database for the life sciences and platform for innovation  Title   Bio-ontologies-fast and furious  Title   BioPortal  ontologies and integrated data resources at the click of a mouse  Title   PubMed related articles  a probabilistic topic-based model for content similarity  Title   High-Impact Articles-Citations  Downloads  and Altmetric Score

User · Answer

There are many quirks in the way browsers handle XMLHttpRequest  this JS code will work across all browsers  https   github com ilinsky xmlhttprequest  This JS code converts XML into easy to use JavaScript objects  http   www terracoder com index php xml-objectifier  The JS code above can be included in the page to meet your no external library requirement   var symbol    MSFT    var xmlhttp   new XMLHttpRequest    xmlhttp open  POST    http   www webservicex net stockquote asmx op GetQuote  true   xmlhttp onreadystatechange function      if  xmlhttp readyState    4      alert xmlhttp responseText        http   www terracoder com convert XML to JSON    var json   XMLObjectifier xmlToJSON xmlhttp responseXML     var result   json Body 0  GetQuoteResponse 0  GetQuoteResult 0  Text       Result text is escaped XML string  convert string to XML object then convert to JSON object   json   XMLObjectifier xmlToJSON XMLObjectifier textToXML result      alert symbol     Stock Quote       json Stock 0  Last 0  Text         xmlhttp setRequestHeader  SOAPAction    http   www webserviceX NET GetQuote    xmlhttp setRequestHeader  Content-Type    text xml    var xml     lt  xml version  1 0  encoding  utf-8   gt        lt soap Envelope xmlns xsi  http   www w3 org 2001 XMLSchema-instance                       xmlns xsd  http   www w3 org 2001 XMLSchema                       xmlns soap  http   schemas xmlsoap org soap envelope   gt           lt soap Body gt             lt GetQuote xmlns  http   www webserviceX NET   gt               lt symbol gt     symbol     lt  symbol gt             lt  GetQuote gt           lt  soap Body gt         lt  soap Envelope gt    xmlhttp send xml         Include Google and Terracoder JS code here      Two other options    JavaScript SOAP client  http   www guru4 net articoli javascript-soap-client en  Generate JavaScript from a WSDL  https   cwiki apache org confluence display CXF20DOC WSDL to Javascript

User · Answer

You can use the jquery soap plugin to do the work for you      This script uses   ajax to send a SOAPEnvelope  It can take XML DOM  XML string or JSON as input and the response can be returned as either XML DOM  XML string or JSON too    Example usage from the site     soap       url   http   my server com soapservices        method   helloWorld        data            name   Remy Blom           msg   Hi               success  function  soapResponse               do stuff with soapResponse            if you want to have the response as JSON use soapResponse toJSON               or soapResponse toString   to get XML string            or soapResponse toXML   to get XML DOM            error  function  SOAPResponse               show error

User · Answer

This cannot be done with straight JavaScript unless the web service is on the same domain as your page  Edit  In 2008 and in IE lt 10 this cannot be done with straight javascript unless the service is on the same domain as your page   If the web service is on another domain  and you have to support IE lt 10  then you will have to use a proxy page on your own domain that will retrieve the results and return them to you   If you do not need old IE support then you need to add CORS support to your service  In either case  you should use something like the lib that timyates suggested because you do not want to have to parse the results yourself   If the web service is on your own domain then don t use SOAP  There is no good reason to do so   If the web service is on your own domain then modify it so that it can return JSON and save yourself the trouble of dealing with all the hassles that come with SOAP   Short answer is  Don t make SOAP requests from javascript   Use a web service to request data from another domain  and if you do that then parse the results on the server-side and return them in a js friendly form

User · Answer

Angularjs  http wrap base on XMLHttpRequest  As long as at the header content set following code will do    Content-Type    text xml  charset utf-8    For example   function callSoap    var url    http   www webservicex com stockquote asmx   var soapXml     lt soapenv Envelope xmlns soapenv   http   schemas xmlsoap org soap envelope    xmlns web   http   www webserviceX NET    gt                lt soapenv Header  gt                lt soapenv Body gt                lt web GetQuote gt                lt web symbol gt  lt  web symbol gt                lt  web GetQuote gt                lt  soapenv Body gt                lt  soapenv Envelope gt          return  http             url  url              method   POST               data  soapXml              headers                     Content-Type    text xml  charset utf-8                                then callSoapComplete         catch function message            return message                 function callSoapComplete data  status  headers  config               Convert to JSON Ojbect from xml            var x2js   new X2JS               var str2json   x2js xml str2json data data              return str2json          return data data

[javascript] Simplest SOAP example

Examples related to javascript

Examples related to soap