AngularJS - Integración del servicio SOAP con el modelo AngularJS

Question

Jul 05, 2013, 03:50 PM

AngularJS - Integración del servicio SOAP con el modelo AngularJS

Soy un desarrollador Flex experimentado que está aprendiendo AngularJS. Esto es tan confuso !!!

De todos modos, estoy intentando realizar una llamada de servicio a mi servidor backend (en el mismo dominio) a través de una solicitud WSDL SOAP y llenar los datos con un objeto modelo AngularJS. Estaba probando el Ajax, pero tenía algunos problemas para recuperar los datos reales. Creo que hay algo malo en la forma en que creé la etiqueta SOAP. Recibí una respuesta exitosa, pero no datos.

Después de no poder entender el método Ajax, encontré soapclient.js y lo encontré extremadamente fácil, con menos código que Ajax. soapclient.js hace la mayor parte del trabajo por usted, similar al método Ajax, que hace mucho menos código. Además, al utilizar soapclient.js, puedo realizar la llamada SOAP y también recuperar los datos de la respuesta en formato XML.

http://javascriptsoapclient.codeplex.com

Mi problema es que estoy tratando de usar AngularJS para volcar la respuesta XML en un objeto modelo AnularJS. No estoy seguro de cómo configurar el proyecto AngularJS para lo que estoy haciendo, pero realmente me gustaría saber cuál es el mejor método para mantener el desacoplamiento en el que estoy trabajando. He estado buscando en Google como locos, pero la mayoría de los ejemplos parecen demasiado complicados para un principiante.

Esto es lo que tengo:

<html>
<head>
    <script language="JavaScript" type="text/javascript" src="jquery-1.10.1.js"></script>
    <script language="JavaScript" type="text/javascript" src="soapclient.js"></script>

    <script type="text/javascript">
        function getData() {
            var url2 = "https://myService";
            var pl = new SOAPClientParameters();

            pl.add("arg0", false);

            SOAPClient.invoke(url2, "methodToCall", pl, true, getDataCallback);
        }

        function getDataCallback(r, soapResponse) {
            alert(r.contents.payeeMailName);
        }
    </script>
</head>

<body>
<form>
    <input type="button" value="Click Here to Call Web Service" onClick="getData()" style="width: 192px">
</form>
<div id="result">Result?</div>
</body>
</html>

Ahora, el servicio SOAP devuelve los datos de esta manera:

 <return>
    <contents>
       <eftAcctType>S</eftAcctType>
       <id>
          <djNumber>201-16-39063</djNumber>
          <djSequence>1</djSequence>
       </id>
       <payeeAddrLine1>124 Agate Drive</payeeAddrLine1>
    </contents>
    <contents>
       <eftAcctType/>
       <id>
          <djNumber>201-16-39201</djNumber>
          <djSequence>1</djSequence>
       </id>
       <payeeAddrLine1>c/o Kevin Martinez, Attorney at Law</payeeAddrLine1>
    </contents>
    <contents>
       <eftAcctType>C</eftAcctType>
       <id>
          <djNumber>201-16-38561</djNumber>
          <djSequence>1</djSequence>
       </id>
       <payeeAddrLine1>1360 South Highway 191</payeeAddrLine1>
    </contents>
    <status>0</status>
 </return>

¿Cuál es la forma "adecuada" en AngularJS para hacer la llamada de servicio, suponiendo que la forma en que lo hice está bien, si no me lo hace saber de la mejor manera, y luego en el resultado, cómo hago un bucle a través de los datos en la respuesta XML? y analizarlo en un objeto modelo angular? Eventualmente quiero usar estos datos en un DataGrid.

Cualquier ayuda será muy apreciada.