Exemple SOAP le plus simple

Question

Quel est le plus simple exemple de SOAP en utilisant Javascript?

Pour être aussi utile que possible, la réponse devrait:

• Être fonctionnelle (en d'autres termes, fonctionner réellement)
• Envoyer au moins un paramètre pouvant être défini ailleurs dans le code
• Traiter au moins une valeur de résultat pouvant être lue ailleurs dans le code
• Fonctionner avec la plupart des versions de navigateurs modernes
• Être aussi claire et aussi courte que possible, sans utiliser de bibliothèque externe

Answer 1

Ceci est le client SOAP JavaScript le plus simple que je puisse créer.

    Test du client JavaScript SOAP

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

            // construire la requête SOAP
            var 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');
                    }
                }
            }
            // Envoyer la requête POST
            xmlhttp.setRequestHeader('Content-Type', 'text/xml');
            xmlhttp.send(sr);
            // envoyer la requête
            // ...
        }

Answer 2

Il y a de nombreuses bizarreries dans la façon dont les navigateurs traitent XMLHttpRequest, ce code JS fonctionnera sur tous les navigateurs :
https://github.com/ilinsky/xmlhttprequest

Ce code JS convertit le XML en objets JavaScript faciles à utiliser :
http://www.terracoder.com/index.php/xml-objectifier

Le code JS ci-dessus peut être inclus dans la page pour répondre à votre exigence de ne pas utiliser de bibliothèque externe.

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 convertir le XML en JSON 
  var json = XMLObjectifier.xmlToJSON(xmlhttp.responseXML);
  var result = json.Body[0].GetQuoteResponse[0].GetQuoteResult[0].Text;
  // Le texte du résultat est une chaîne XML échappée, convertir la chaîne en objet XML puis convertir en objet JSON
  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 = '' +
 '' + 
   ' ' +
     ' ' +
       '' + symbol + ' ' +
     ' ' +
   ' ' +
 '';
xmlhttp.send(xml);
// ...Inclure le code JS Google et Terracoder ici...

Deux autres options :

• Client SOAP JavaScript :
  http://www.guru4.net/articoli/javascript-soap-client/en/

• Générer du JavaScript à partir d'un WSDL :
  https://cwiki.apache.org/confluence/display/CXF20DOC/WSDL+to+Javascript

Answer 3

Ceci ne peut pas être fait avec du JavaScript simple à moins que le service web ne soit sur le même domaine que votre page. Edit: En 2008 et dans IE<10 cela ne peut pas être fait avec du javascript simple à moins que le service soit sur le même domaine que votre page.

Si le service web est sur un autre domaine [et que vous devez prendre en charge IE<10] alors vous devrez utiliser une page proxy sur votre propre domaine qui récupérera les résultats et vous les renverra. Si vous n'avez pas besoin de prendre en charge les anciennes versions d'IE, vous devez ajouter le support CORS à votre service. Dans tous les cas, vous devriez utiliser quelque chose comme la librairie que timyates a suggérée car vous ne voulez pas avoir à analyser les résultats vous-même.

Si le service web est sur votre propre domaine alors ne pas utiliser SOAP. Il n'y a aucune bonne raison de le faire. Si le service web est sur votre propre domaine alors modifiez-le pour qu'il puisse renvoyer du JSON et épargnez-vous les problèmes liés à l'utilisation de SOAP.

La réponse courte est : Ne faites pas de requêtes SOAP depuis JavaScript. Utilisez un service web pour demander des données à un autre domaine, et si vous le faites, analysez les résultats côté serveur et renvoyez-les sous une forme adaptée au JavaScript.

Answer 4

Thomas:

JSON est préféré pour une utilisation frontale car nous avons des recherches faciles. Par conséquent, vous n'avez pas à vous occuper de XML. SOAP est pénible sans l'utilisation d'une bibliothèque à cause de cela. Quelqu'un a mentionné SOAPClient, qui est une bonne bibliothèque, nous avons commencé avec elle pour notre projet. Cependant, elle présentait certaines limitations et nous avons dû réécrire de grandes parties. Elle a été publiée sous SOAPjs et prend en charge le passage d'objets complexes au serveur, et comprend un exemple de code proxy pour consommer des services à partir d'autres domaines.

Answer 5

L'exemple le plus simple consisterait en :

1. Obtenir l'entrée de l'utilisateur.

2. Composer un message XML SOAP similaire à ceci

         chaîne

3. Envoyer le message à l'URL du service Web en utilisant XHR

4. Parser la réponse XML SOAP du service Web similaire à ceci

        ...............

5. Présenter les résultats à l'utilisateur.

Mais c'est assez compliqué sans l'utilisation de bibliothèques JavaScript externes.