jqueryでxml解析を読み取り、html要素で表示する方法

debugcn 投稿 Dev

AspiringWizard

解析されたxmlデータをhtmlで表示しようとしています。私はすでにWebサービスからデータを正常に呼び出し、dataTypeをxmlに設定しています。ただし、以下のコードにはエラーはなく、解析されたxmlデータがhtmlに表示されていません。私は何が間違っているのですか？

XMLデータ：

<?xml version='1.0' ?>
<string>
    <DriverInfo xmlns=\"http://tempuri.org/DriverInfo.xsd\">
        <Driver>
            <ID>-1</ID>
                <driver_code>DRIVER01</driver_code>
                <driver_name>DRIVER01 Name</driver_name>
            <transtamp>2017-02-16T14:41:09.9655914+08:00</transtamp>
        </Driver>
    </DriverInfo>
</string>

解析されたXMLデータを正常に取得したコード全体：

$.ajax({
    url: domainName + "GetDriverXml", 
    method: "GET",
    data: {wsCodeCrypt:"MULARIDEWS", caUid: "mularide", caPwd:"VAt_-tg4%Z5pcpct", 
    driverCode:"DRIVER01"},
    cache: false,
    dataType: "xml",
    success: function(data) {
        var xmlDoc = $.parseXML($(data).text());
            var $xml = $(xmlDoc);

            var $driver = $xml.find("Driver");

            $driver.each(function(){

            var driverCode = $(this).find('driver_code').text(),
                driverName = $(this).find('driver_name').text();

            $("#driverDet" ).append('<li>' +driverCode+ ' - ' +driverName+ '</li>');

            });         
    }          
});

HTML

<ul id="driverDet"></ul>

どんな助けでも大歓迎です。

編集：madalin ivascuによって指摘された問題が見つかりました、「ドライバー」を「ドライバー」に変更する必要があります。'data'を.textとして解析するコードも更新されました。

madalinivascu

検索セレクターでドライバーをドライバーに変更します

var xml = "<?xml version='1.0' ?><string><DriverInfo xmlns=\"http://tempuri.org/DriverInfo.xsd\"> <Driver><ID>-1</ID><driver_code>DRIVER01</driver_code><driver_name>DRIVER01 Name</driver_name><transtamp>2017-02-16T14:41:09.9655914+08:00</transtamp></Driver><Driver><ID>-1</ID><driver_code>DRIVER01</driver_code><driver_name>DRIVER01 Name</driver_name><transtamp>2017-02-16T14:41:09.9655914+08:00</transtamp></Driver></DriverInfo></string>",
  xmlDoc = $.parseXML(xml);
$(xmlDoc).find('Driver').each(function() {
  var driverCode = $(this).find('driver_code').text(),
    driverName = $(this).find('driver_name').text();

  $("#ProfileList").append('<li>' + driverCode + ' - ' + driverName + '</li>');

});

デモ：https：//jsfiddle.net/814yhL3m/

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]