javascript,如何从XML

时间:2015-11-18 13:45:19

标签: javascript c# xml

我正在学习如何使用javascript从使用XMLHttpRequest类的ASMX服务调用web方法。我成功写了以下内容:

function GetDataService() {
            if (window.XMLHttpRequest) {
                xmlHTTP = new window.XMLHttpRequest;
            } else {
                alert("Wrong!");
            }

            xmlHTTP.open("POST", "http://localhost:45250/ServiceJava.asmx", true);
            xmlHTTP.setRequestHeader("Content-Type", "text/xml; charset=utf-8");
            xmlHTTP.setRequestHeader("SOAPAction", "http://localhost:45250/ServiceJava.asmx/GetTimeString");

            strRequest = '<?xml version="1.0" encoding="utf-8"?>';
            strRequest = strRequest + '<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/">';
            strRequest = strRequest + '<soap:Body>';
            strRequest = strRequest + '<GetTimeString xmlns="http://localhost:45250/ServiceJava.asmx" />';
            strRequest = strRequest + '</soap:Body>';
            strRequest = strRequest + '</soap:Envelope>';

            //Different value for readystate
            //0--Uninitialized
            //1--Loading
            //2--loaded(but data not recieved)
            //3--Interactive--Some part of the data is recieved
            //4--Completed(all data recieved)
            xmlHTTP.onreadystatechange = function () {
                if (xmlHTTP.readyState == 4 && xmlHTTP.status == 200) {
                    var x = xmlHTTP.responseXML;
                    document.getElementById("time").textContent = x;                  
                }
            }
            xmlHTTP.send(strRequest);
        }

但它产生了代码:

<?xml version="1.0" encoding="utf-8"?><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><GetTimeStringResponse xmlns="http://localhost:45250/ServiceJava.asmx"><GetTimeStringResult>14:31:28</GetTimeStringResult></GetTimeStringResponse></soap:Body></soap:Envelope>

现在我想只获得14:31:28。我怎样才能做到这一点?我试图找到答案,但x似乎没有类似getElementByTagName()的方法或任何类似的方法。

谢谢!

3 个答案:

答案 0 :(得分:2)

不使用jQuery的解决方案

var xmlStr = '<?xml version="1.0" encoding="utf-8"?><soap:Envelope ...';    
var xml = new window.DOMParser().parseFromString(xmlStr, "text/xml");   
var value = xml.getElementsByTagName("GetTimeStringResult")[0].innerHTML;

答案 1 :(得分:1)

您可以使用jQuery parseXML方法。

var response = "<?xml version="1.0" encodi...";
var xml= $($.parseXML(response));
var value = xml.find("GetTimeStringResult").text();

但是,如果您选择使用jQuery而不是vanilla javascript发送请求,则会在回调中获得已反序列化的响应。

答案 2 :(得分:1)

我建议您不要手动编写XMLHttpRequests。而是使用jQuery.ajax():

$.ajax({
    url: "http://localhost:45250/ServiceJava.asmx/GetTimeString",
    type: "POST",
    data:  postData,
    success: function(data, textStatus, jqXhr) {
             var result = data.GetTimeStringResult;
    }
});

'postData'应该是一个JSON对象,您可以在其中将参数传递给端点。