使用 JavaScript 使用 Web 服务（返回数据集）

Question

我通过这段代码使用 Javascript 使用 WebService .NET：

// This is where you can place your Javascript code
// var xmlHTTP;

function MButton1Click(event) {
testarTexto();
}


function WebSvc()   // Class Signature
   {
       WebSvc.prototype.CallWebService = function(url, soapXml, callback)
       {

           var xmlDoc = null;

           if (window.XMLHttpRequest)
           {
               xmlDoc = new XMLHttpRequest(); //Newer browsers
           }
           else if (window.ActiveXObject) //IE 5, 6
           {
               xmlDoc = new ActiveXObject("Microsoft.XMLHTTP");
           }

           if (xmlDoc)
           {
               var self = this;
               xmlDoc.onreadystatechange = function() { self.StateChange(xmlDoc, callback); };

               xmlDoc.open("POST", url, true);
               xmlDoc.setRequestHeader("Content-Type", "text/xml");
               xmlDoc.setRequestHeader("Content-Length", soapXml.length);
               xmlDoc.send(soapXml);
           }
    else
           {
               if (callback)
               {
                   callback(false, "unable to create XMLHttpRequest object");
               }
           }
       };

       WebSvc.prototype.StateChange = function(xmlDoc, callback)
       {
 if (xmlDoc.readyState === 4)
           {
               var text = "";

               if (xmlDoc.status === 200)
               {
                   text = xmlDoc.responseText;
               }

               // Perform callback with data if callback function signature was provided,
               if (callback !== null)
               {
                   callback(xmlDoc.status === 200, text);
               }
           }
       };
   }


   function createSoapHeader(message)
   {
        var soap = "<?xml version=\"1.0\" encoding=\"utf-8\"?>";
   soap = 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 = soap + "  <soap:Body>";
   soap = soap + "    <TesteDeTexto xmlns=\"http://tempuri.org/\">";
   soap = soap + "      <pTexto>" + message + "</pTexto>";
   soap = soap + "    </TesteDeTexto>";
   soap = soap + "  </soap:Body>";
   soap = soap + "</soap:Envelope>";
       return soap;
   }

   function callComplete(result, data)
   {
       if (result)
       {
         //alert(getTagValue(data, "TesteDeTextoResult"));
           document.getElementById('MTextArea1').value = getTagValue(data, "TesteDeTextoResult");
       }
       else
       {
           alert("Error occurred calling web service.\n" + result + "\n" +data);
       }
   }
   function testarTexto()
   {

       var soap = createSoapHeader("TESTE");
       //document.getElementById('texto').value = soap;
//     alert(soap);

       var webServiceCall = new WebSvc();

       webServiceCall.CallWebService("http://localhost/WebService/Test.asmx", soap, callComplete);
   }

   function getTagValue(inputStr, tagName)
   {

       var stag = "<" + tagName + ">";
       var etag = "<" + "/" + tagName + ">";

       var startPos = inputStr.indexOf(stag, 0);
       if (startPos >= 0)
       {
           var endPos = inputStr.indexOf(etag, startPos);
           if (endPos > startPos)
           {
               startPos = startPos + stag.length;
               return inputStr.substring(startPos, endPos);
           }
       }

       return "";
   }

但它只适用于返回字符串作为结果的方法。当我需要返回一个数据集时，我该怎么做？

Answer 1

只需使用 jQuery ^^ 你会发现很多不同的处理程序用于不同的返回类型。数据集可以用 JSON 或 XML 编码，由 jQuery 自动传输到 JS 数据结构中。此外，JS 代码看起来更干净，因为 jQuery 带有一堆AJAX methods。要将 xml 响应转换为 JS 数据结构，只需在 jQuery 请求中将dataType 设置为xml。例如：

jQuery.ajax('url/to/your/WS', {
   dataType: "xml",
   data: {
      postParam1 : "foo"
   },
   success: function(data) {
      alert(data.find("MyNode"));
   }
});

如何在 JS 中处理解析后的 xml 响应可以找到here。