javascript - vue - Ejemplo de SOAP más simple
vue js soap (13)
¿Alguien ha probado esto? https://github.com/doedje/jquery.soap
Parece muy fácil de implementar.
Ejemplo:
$.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
}
});
resultará en
<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>
¿Cuál es el ejemplo de SOAP más simple usando Javascript?
Para ser lo más útil posible, la respuesta debe:
- Ser funcional (en otras palabras, realmente funciona)
- Envíe al menos un parámetro que se pueda configurar en otro lugar en el código
- Procese al menos un valor de resultado que se pueda leer en otra parte del código
- Trabaja con las versiones de navegador más modernas
- Sea tan claro y tan corto como sea posible, sin usar una biblioteca externa
Algunos buenos ejemplos (y un cliente de JavaScript SOAP listo para usar) aquí: http://plugins.jquery.com/soap/
Compruebe el archivo Léame y tenga cuidado con la restricción del navegador del mismo origen.
Angularjs $ http wrap base en XMLHttpRequest . Siempre y cuando en el contenido del encabezado, el siguiente código lo hará.
"Content-Type": "text/xml; charset=utf-8"
Por ejemplo:
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;
}
}
El ejemplo más simple consistiría en:
- Obteniendo la entrada del usuario.
Componiendo un mensaje XML SOAP similar a este
<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>Mensaje de POSTing a la URL del servicio web usando XHR
Análisis de la respuesta SOAP XML del servicio web similar a este
<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>Presentación de resultados al usuario.
Pero es un montón de problemas sin bibliotecas de JavaScript externas.
Este es el Cliente SOAP JavaScript más simple que puedo crear.
<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(''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 -->
Hay muchas peculiaridades en la forma en que los navegadores manejan XMLHttpRequest, este código JS funcionará en todos los navegadores:
https://github.com/ilinsky/xmlhttprequest
Este código JS convierte XML en objetos JavaScript fáciles de usar:
http://www.terracoder.com/index.php/xml-objectifier
El código JS anterior puede incluirse en la página para cumplir con su requisito de biblioteca externa.
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...
Otras dos opciones:
Cliente SOAP JavaScript:
http://www.guru4.net/articoli/javascript-soap-client/en/Generar JavaScript desde un WSDL:
https://cwiki.apache.org/confluence/display/CXF20DOC/WSDL+to+Javascript
La pregunta es ''¿Cuál es el ejemplo de SOAP más simple que usa Javascript?''
Esta respuesta es de un ejemplo en el entorno Node.js , en lugar de un navegador. (Nombremos el script soap-node.js) Y usaremos el servicio web público SOAP de Europa PMC como ejemplo para obtener la lista de referencias de un artículo.
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>[email protected]</email>
</ns4:getReferences>
</S:Body>
</S:Envelope>`);
Antes de ejecutar el código, necesita instalar dos paquetes:
npm install xmlhttprequest
npm install xmldom
Ahora puedes ejecutar el código:
node soap-node.js
Y verá la salida de la siguiente manera:
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.
Puede usar el complemento jquery.soap para hacer el trabajo por usted.
Este script usa $ .ajax para enviar un SOAPEnvelope. Puede tomar XML DOM, cadena XML o JSON como entrada y la respuesta puede devolverse como XML DOM, cadena XML o JSON también.
Ejemplo de uso del sitio:
$.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
}
});
Thomas:
JSON es preferido para uso frontal porque es javascript. Por lo tanto, no tienes que tratar con XML. SOAP es un dolor sin usar una biblioteca debido a esto. Alguien mencionó SOAPClient, que es una buena biblioteca, comenzamos con él para nuestro proyecto. Sin embargo, tenía algunas limitaciones y tuvimos que volver a escribir grandes trozos. Se lanzó como SOAPjs y admite pasar objetos complejos al servidor e incluye algunos códigos de proxy de ejemplo para consumir servicios de otros dominios.
Consumir fácilmente los servicios web SOAP con JavaScript -> Listado 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;
}
Es posible que esto no cumpla con todos sus requisitos, pero es un comienzo para responder realmente a su pregunta. ( Cambié XMLHttpRequest () por ActiveXObject ("MSXML2.XMLHTTP") ).
Esto no se puede hacer con JavaScript directo a menos que el servicio web esté en el mismo dominio que su página. Edición: En 2008 y en IE <10, esto no se puede hacer con javascript directo a menos que el servicio esté en el mismo dominio que su página.
Si el servicio web está en otro dominio [y tiene que ser compatible con IE <10], tendrá que usar una página proxy en su propio dominio que recuperará los resultados y se los devolverá. Si no necesita el antiguo soporte de IE, debe agregar el soporte de CORS a su servicio. En cualquier caso, debes usar algo como la libra que sugirieron los timyates porque no quieres tener que analizar los resultados por ti mismo.
Si el servicio web está en su propio dominio, no use SOAP. No hay una buena razón para hacerlo. Si el servicio web está en su propio dominio, entonces modifíquelo para que pueda devolver JSON y ahórrese la molestia de lidiar con todas las molestias que vienen con SOAP.
La respuesta corta es: No haga solicitudes SOAP desde javascript. Use un servicio web para solicitar datos de otro dominio, y si lo hace, analice los resultados en el lado del servidor y devuélvalos en una forma js-friendly.
<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>
Hear es el mejor tutorial de JavaScript con SOAP con ejemplo.
http://www.codeproject.com/Articles/12816/JavaScript-SOAP-Client
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();};