最も単純なSOAPの例

241

JavaScriptを使用した最も単純なSOAPの例は何ですか？

可能な限り役立つためには、答えは次のようにする必要があります。

  • 機能的である（つまり、実際に機能する）
  • コードの他の場所で設定できる少なくとも1つのパラメーターを送信する
  • コードの他の場所で読み取ることができる少なくとも1つの結果値を処理する
  • 最新のブラウザバージョンを使用する
  • 外部ライブラリを使用せずに、できるだけ明確かつできるだけ短くする
javascript  soap 
— トーマス・ブラット
ソース
5
シンプルで明確であることは、外部ライブラリを使用しないことと競合する可能性があります。独自のWSDL-> JSクラスコンバーターを本当に作成しますか？
— mikemaccana 2011年
19
私は質問があります。この質問を最初の人として見た場合、「いくつかのコードを表示してください、これは「コーダーを借りる」のではない」などのコメントで反対投票されると思います。個人的なことは何もない、トーマス:)しかし、コミュニティがどのように善悪を決定するか私には理解できない。
— 最白目
4
心配無用です。問題のポイントは、JavaScriptを使用してSOAPクライアントを作成する方法がたくさんあることだと思います。それらの多くは醜いので、私はそれをきれいに保つためのいくつかのアイデアを望んでいました。
— トーマス・ブラット
@danの理由です。1。この質問はかなり古く、伝統的に多くの賛成票がある根本的な質問がまだたくさんありました。2。かなり単純な問題を説明しているため、投票する可能性のある新しいユーザーを引き付ける傾向があります。 「ちょっと私も知りたい！」の原則 「ねえ、この質問は研究努力を示しています。それは便利で明確です！」の代わりに。質問には私の意見ではこれが欠けているので、私は反対票を投じました。個人的なものもありません：D
— phil294
@ThomasBrattおそらくメタでこれを続けるでしょうが、これらのタイプの質問はチャンスに値します。これは、参照または知識ベースの降下ライブラリにとって理想的な質問です。しかし、たぶん受け入れられた答えは、追加のレッグワークのインセンティブに値するのでしょうか？SO以外に受け入れられるものはまだないので、他にどこにありますか？SOでさえ、ドキュメンテーションサイトの構築というアイデアを試してみましたが、失敗しました。SOに代わるものはありません...
— YoYo

回答:

201

これは、私が作成できる最も単純なJavaScript SOAPクライアントです。 

<html>
<head>
    <title>SOAP JavaScript Client Test</title>
    <script type="text/javascript">
        function soap() {
            var xmlhttp = new XMLHttpRequest();
            xmlhttp.open('POST', 'https://somesoapurl.com/', true);

            // build SOAP request
            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');
                    }
                }
            }
            // Send the POST request
            xmlhttp.setRequestHeader('Content-Type', 'text/xml');
            xmlhttp.send(sr);
            // send request
            // ...
        }
    </script>
</head>
<body>
    <form name="Demo" action="" method="post">
        <div>
            <input type="button" value="Soap" onclick="soap();" />
        </div>
    </form>
</body>
</html> <!-- typo -->
— stackoverflow128
ソース
2
<soapenv：Header>の送信についてはどうですか？ヘッダータグをsr変数に組み込んでみましたが、サーバーが空のsoapenv：Header
— Boiler Bill
これは私のために働いた！（SOAPサービスのURLを実際のURLに置き換え、@ Prestaulが暗示するように私のブラウザーでクロスドメイン制限をオフにした後）
— Niko Bellic
私はandroid / iosのネイティブスクリプトでクロスプラットフォームアプリを開発しています。SOAP Webサービスを使用したい。同じことを教えてください。SOAPリクエストに上記のコードを使用しました。SOAPレスポンス形式、レスポンスの処理方法が必要です。私の質問を確認してください- stackoverflow.com/questions/37745840/...
— Onkarねね
最近これを使用してレガシーコードをサポートする必要がありました。「EndpointDispatcherでのContractFilterの不一致」を引き起こしていたヘッダーが欠落している問題に遭遇しました。修正するxmlhttp.setRequestHeader('SOAPAction', 'http://myurl.com/action');直前に追加xmlhttp.send(sr)。
— RDRick
80

ブラウザがXMLHttpRequestを処理する方法には多くの癖があります。このJSコードはすべてのブラウザで機能します。https：
//github.com/ilinsky/xmlhttprequest

このJSコードは、XMLを使いやすいJavaScriptオブジェクトに変換します。http：
//www.terracoder.com/index.php/xml-objectifier

上記のJSコードをページに含めると、外部ライブラリの要件をすべて満たすことができます。

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 = '<?xml version="1.0" encoding="utf-8"?>' +
 '<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/">' + 
   '<soap:Body> ' +
     '<GetQuote xmlns="http://www.webserviceX.NET/"> ' +
       '<symbol>' + symbol + '</symbol> ' +
     '</GetQuote> ' +
   '</soap:Body> ' +
 '</soap:Envelope>';
xmlhttp.send(xml);
// ...Include Google and Terracoder JS code here...

他の2つのオプション：

— クリス・スチュアート
ソース
複数の封筒を渡したい場合はどうすればよいですか？
— Ajay Patel
私は上記のコードを使用していますが、uは私がエラーを克服するためにsomelinks提供null.canとしてxmlhttp.responseTextは常に結果
— user969275
Googleコードが削除されたときのリンク：github.com/ilinsky/xmlhttprequest
— ToastyMallows
48

これは、Webサービスがページと同じドメインにない限り、単純なJavaScriptでは実行できません。編集：2008年とIE <10では、サービスがページと同じドメインにない限り、これをストレートJavaScriptで実行することはできません。

Webサービスが別のドメインにある場合（そしてIE <10をサポートする必要がある場合）、結果を取得してユーザーに返す独自のドメインのプロキシページを使用する必要があります。古いIEサポートが必要ない場合は、サービスにCORSサポートを追加する必要があります。どちらの場合も、結果を自分で解析する必要がないため、timyatesが提案したlibのようなものを使用する必要があります。

Webサービスが独自のドメインにある場合は、SOAPを使用しないでください。そうする正当な理由はありません。Webサービスが独自のドメインにある場合は、JSONを返すように変更して、SOAPに伴うすべての面倒な問題に対処する手間を省きます。

短い答えは、JavaScriptからSOAPリクエストを作成しないでください。Webサービスを使用して別のドメインからのデータを要求し、その場合はサーバー側で結果を解析して、jsフレンドリーな形式で返します。

— Prestaul
ソース
1
目的は、SOAPサーバーにHTMLページを提供して、簡単なテストと評価を行うことです。クライアントは同じドメイン上にあります。フロントエンドにSOAPを使用しないことは、受け入れられた見方のようです。理由に関するコメントはありますか？新しい質問に追加してください：stackoverflow.com/questions/127038
— Thomas Bratt
1
そこで答えても意味がありません...私は3つすべての点でGizmoに同意します。XMLは肥大化しており、JSONは簡潔でネイティブですが、jsで処理するのは困難です。
— Prestaul 2008
10
re「実行できません」：クライアントがCross-Origin Resource Sharingをサポートしている場合、今日は（ほとんど）ストレートJavaScriptで実行できます。うまくいけば、3年から4年でそれが普遍的に利用可能になるでしょう。
— コンスタンティン
2
@ Constantin、CORSは、新しいブラウザーのみをサポートする意思があり、サーバーを制御でき、そこにCORSサポートも追加できる場合に許可します。そうは言っても、SOAP呼び出しはサーバー間でのみ行われるべきであり、クライアントはJSONのようなJSフレンドリーなものを使うべきだと私はまだ主張します。
— Prestaul 2014年
1
@NikoBellicブラウザーベースのクライアントが使用する可能性がありますXMLHttpRequest。おそらくjqueryなどのライブラリを使用します。ノードクライアントは他のものを使用します。ほとんどのWebサービスは、APIを設計するためのガイドとしてRESTを使用しますが、多くの優れたパターンがあります。ここで重要なのは、JavaScriptクライアント（ブラウザ/ノード/場所）がJSONをネイティブに理解するため、リクエスト/レスポンスの本文がJSONであることです。
— Prestaul
14

jquery.soapプラグインを使用して作業を行うことができます。

このスクリプトは$ .ajaxを使用してSOAPEnvelopeを送信します。XML DOM、XML文字列、またはJSONを入力として受け取ることができ、応答もXML DOM、XML文字列、またはJSONのいずれかとして返すことができます。

サイトからの使用例：

$.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
    }
});
— ヤアコフエリス
ソース
8

トーマス：

JSONはJavaScriptであるため、フロントエンドでの使用に適しています。したがって、処理するXMLはありません。このため、SOAPはライブラリを使用しないと面倒です。良いライブラリであるSOAPClientについて誰かが言及したので、私たちはプロジェクトのためにそれから始めました。ただし、いくつかの制限があり、その大きなチャンクを書き直す必要がありました。これはSOAPjsとしてリリースされ、サーバーへの複雑なオブジェクトの受け渡しをサポートしており、他のドメインからのサービスを利用するためのサンプルプロキシコードが含まれています。

— リチャードジューン
ソース
2
「JSONはJavaScriptであるため、フロントエンドでの使用に適しています。」-JSONはJavaScriptではありません。（JavaScriptのように見えます。）
— nnnnnn
2
en.wikipedia.org/wiki/JSON- 文字通り「JavaScript Object Notation」の略であり、JSONは言語ではなく仕様であり、そのため「JavaScriptではない」と明確に同意しますが、名前の付け方が可能であることに同意する必要があります簡単に混乱させる。
— P. Roe
8

誰かがこれを試しましたか？https://github.com/doedje/jquery.soap

実装は非常に簡単に思えます。

例：

$.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
}
});

結果として

<soap:Envelope
xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/">
  <soap:Body>
    <helloWorld>
        <name>Remy Blom</name>
        <msg>Hi!</msg>
    </helloWorld>
  </soap:Body>
</soap:Envelope>
— ギーカソ
ソース
4 
<html>
 <head>
    <title>Calling Web Service from jQuery</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#btnCallWebService").click(function (event) {
                var wsUrl = "http://abc.com/services/soap/server1.php";
                var soapRequest ='<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/">   <soap:Body> <getQuote xmlns:impl="http://abc.com/services/soap/server1.php">  <symbol>' + $("#txtName").val() + '</symbol>   </getQuote> </soap:Body></soap:Envelope>';
                               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);
        } 

    </script>
</head>
<body>
    <h3>
        Calling Web Services with jQuery/AJAX
    </h3>
    Enter your name:
    <input id="txtName" type="text" />
    <input id="btnCallWebService" value="Call web service" type="button" />
    <div id="response" ></div>
</body>
</html>

聞き取りは、サンプル付きのSOAPチュートリアル付きの最高のJavaScriptです。

http://www.codeproject.com/Articles/12816/JavaScript-SOAP-Client

— フカヒア
ソース
3

ここにいくつかの素晴らしい例（そして既製のJavaScript SOAPクライアント！）があります：http : //plugins.jquery.com/soap/

readmeを確認し、同じ生成元のブラウザ制限に注意してください。

— kmiklas
ソース
3

JavaScriptでSOAP Webサービスを簡単に利用する -> リスト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(" \
<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/'> \
  <soap:Body> \
    <AddTwoIntegers xmlns='http://tempuri.org/'> \
      <IntegerOne>" + a + "</IntegerOne> \
      <IntegerTwo>" + b + "</IntegerTwo> \
    </AddTwoIntegers> \
  </soap:Body> \
</soap:Envelope> \
");
    return oXmlHttp.responseXML.selectSingleNode("//AddTwoIntegersResult").text;
}

これはすべての要件を満たしているとは限りませんが、実際に質問に答えることから始めます。（私は、スイッチのXMLHttpRequest（）のためにActiveXObjectを（ "MSXML2.XMLHTTP"）が）。

— user423430
ソース
1

最も単純な例は次のようになります。

  1. ユーザー入力を取得しています。

  2. これに類似したXML SOAPメッセージの作成

    <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/">
  <soap:Body>
    <GetInfoByZIP xmlns="http://www.webserviceX.NET">
      <USZip>string</USZip>
    </GetInfoByZIP>
  </soap:Body>
</soap:Envelope>

  3. XHRを使用してメッセージをWebサービスURLにPOSTする

  4. これと同様のWebサービスのXML SOAP応答の解析

    <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">
 <soap:Body>
  <GetInfoByZIPResponse xmlns="http://www.webserviceX.NET">
   <GetInfoByZIPResult>
    <NewDataSet xmlns="">
     <Table>
      <CITY>...</CITY>
      <STATE>...</STATE>
      <ZIP>...</ZIP>
      <AREA_CODE>...</AREA_CODE>
      <TIME_ZONE>...</TIME_ZONE>
     </Table>
    </NewDataSet>
   </GetInfoByZIPResult>
  </GetInfoByZIPResponse>
 </soap:Body>
</soap:Envelope>

  5. 結果をユーザーに提示します。

しかし、外部JavaScriptライブラリがなければ、多くの面倒です。

— コンスタンティン
ソース
9
Javacriptの例ではありません。
— トーマスブラット
あなたが答えなかった最初の部分でさえ-機能的である（言い換えれば実際に機能する）。
— shahar eldad
0 
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 = '<?xml version="1.0" encoding="utf-8"?>'+
   '<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/">'+
   '<soap:Body><'+fname+ ' xmlns="'+namespace+'">';
  for (i=0;i<args.length;i++) q += "<" + args[i] + ">" + arguments.callee.caller.arguments[i] +  "</" + args[i] + ">";
  q +=   '</'+fname+'></soap:Body></soap:Envelope>';
            // 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();};
— ニック
ソース
0

Angularjs $ httpはXMLHttpRequestに基づいてラップします。ヘッダーコンテンツセットである限り、次のコードで十分です。

"Content-Type": "text/xml; charset=utf-8"

例えば：

function callSoap(){
var url = "http://www.webservicex.com/stockquote.asmx";
var soapXml = "<soapenv:Envelope xmlns:soapenv=\"http://schemas.xmlsoap.org/soap/envelope/\" xmlns:web=\"http://www.webserviceX.NET/\"> "+
         "<soapenv:Header/> "+
         "<soapenv:Body> "+
         "<web:GetQuote> "+
         "<web:symbol></web:symbol> "+
         "</web:GetQuote> "+
         "</soapenv:Body> "+
         "</soapenv:Envelope> ";

    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;

    }

}
— ChokYeeFan
ソース
0

問題は、「JavaScriptを使用した最も単純なSOAPの例は何ですか？」です。

この回答は、ブラウザではなく、Node.js環境の例です。（スクリプトにsoap-node.jsという名前を付けます）そして、記事の参照リストを取得する例として、ヨーロッパPMCのパブリックSOAP Webサービスを使用します。

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', 
    `<?xml version="1.0" encoding="UTF-8"?>
    <S:Envelope xmlns:S="http://schemas.xmlsoap.org/soap/envelope/">
    <S:Header />
    <S:Body>
        <ns4:getReferences xmlns:ns4="http://webservice.cdb.ebi.ac.uk/"
            xmlns:ns2="http://www.scholix.org"
            xmlns:ns3="https://www.europepmc.org/data">
            <id>C7886</id>
            <source>CTX</source>
            <offSet>0</offSet>
            <pageSize>25</pageSize>
            <email>ukpmc-phase3-wp2b---do-not-reply@europepmc.org</email>
        </ns4:getReferences>
    </S:Body>
    </S:Envelope>`);

コードを実行する前に、2つのパッケージをインストールする必要があります。

npm install xmlhttprequest
npm install xmldom

これでコードを実行できます：

node soap-node.js

そして、次のような出力が表示されます。

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.
— ユシ
ソース
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.