title: How to call SOAP WS from Javascript/jQuery
body: <p>I would like to call a SOAP WebService directly from Javascript. I have been looking all around but still is unable to have something working. I assumed that i must build the SOAP enveloppe (see below). I also use jQuery.</p>
  
  <p>Firstly, I would be sure that I can call a SOAP Webservice located somewhere else ? that is there is no limitation like cross domain limitation.</p>
  
  <p>Also I am not sure what is the right URL i need to use, SOAP Service is exposed using <a href="http://ladonize.org/index.php/Main_About" rel="nofollow noreferrer">Ladon</a>, for debugging purpose I have checked that the WS works well with soapUI, and here are the URLs that i can find :</p>
  
  <ul>
  <li>WSDL URL : <code>http://192.168.1.5/ws/MyWS/soap/description</code> // from my understanding it can not be this one</li>
  <li>service endpoints : <code>http://192.168.1.5/ws/MyWS/soap</code></li>
  <li>SOAPAction: <code>http://192.168.1.5/ws/MyWS/soap/myOperation</code></li>
  </ul>
  
  <p>i think that i should use endpoint or SOAPAction but it did not work. I may miss something here or the later Javascript is so faulty that i can not be sure.</p>
  
  <p>Now here is my actual JS doing the call (there are some questions inside comments):</p>
  
  <pre><code>&lt;html&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /&gt;
  &lt;head&gt;
  
  &lt;script type="text/javascript" src="ressources/jquery-1.7.1.min.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  
  // inspired by http://openlandscape.net/2009/09/25/call-soap-xm-web-services-with-jquery-ajax/
  
  var soapServiceURL = 'http://192.168.1.5/ws/MyWS/soap/myOperation; // not sure what to put here from a LADON point of view
  
  function callSOAPWS(myParameter)
  {
    var soapMessage =
    '&lt;soapenv:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/" xmlns:urn="urn:LDetector"&gt; \
       &lt;soapenv:Header/&gt; \
       &lt;soapenv:Body&gt; \
          &lt;urn:myOperation soapenv:encodingStyle="http://schemas.xmlsoap.org/soap/encoding/"&gt; \
             &lt;myParameter xsi:type="xsd:string"&gt;' + myParameter + '&lt;/myParameter &gt; \
          &lt;/urn:myOperation &gt; \
       &lt;/soapenv:Body&gt; \
    &lt;/soapenv:Envelope&gt;';
  
    alert("Check SOAP: [" + soapMessage + "]");
  
    jQuery.ajax({
            url: soapServiceURL,
            type: "POST",
            dataType: "xml",
            data: soapMessage,
            contentType: "text/xml; charset=\"utf-8\"",
  
            //processData: false,   // what is it for? may be should be true when using 'complete:' ?
            //timeout: 5000,
  
            // below I first try to have only 'complete:' then I tried to have 'success:' + 'error:', then the 3. Nothing seems to be ok. I do not find which one i should use.
            complete: myCallback,
  
            success: function( response ){
                document.getElementById('debug').innerHTML = document.getElementById('debug').innerHTML + '\n' + 'success!' + '\n';
                alert("success!!!");
            },
  
            error: function(XMLHttpRequest,textStatus, errorThrown){
                document.getElementById('debug').innerHTML = document.getElementById('debug').innerHTML + '\n' + 'error : ' + textStatus + '\n';
                alert("error : " + textStatus);
            }
  
    });
  
    alert('if we reach this line, is it a fail?!');
    return false;
  }
  
  function myCallback(xmlHttpRequest, status)
  {
    jQuery(xmlHttpRequest.responseXML)
        .find('detected')
        .each(function()
     {
       var result = jQuery(this).find('result').text();
       document.getElementById('debug').innerHTML = document.getElementById('debug').innerHTML + '\n' + result + '\n';
       alert('ok : [' + result + ']');
     });
  }
  
  // https://stackoverflow.com/questions/11916780/changing-getjson-to-jsonp?rq=1
  
  jQuery(document).ready(function() {
      callSOAPWS('this is a test');
  });
  
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div id="debug" style="background-color:#EEEEEE; height:250px; width:600px; overflow:auto;"&gt;&amp;nbsp;&lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>best regards</p>
  
  <p><strong>EDIT:</strong> while continuing to try and search an answer, i have readed that =>  <a href="https://stackoverflow.com/questions/124269/simplest-soap-example-using-javascript">Simplest SOAP example</a> where Prestaul say "This cannot be done with straight JavaScript unless the web service is on the same domain as your page." so, maybe i'm trying to do something impossible? is it the reason why it can not work?</p>