javascript - 创建构造函数和适配器来读取 xml

Question

 <Analysis id="1" name="Agricultural Resources" >
    <MapObjects>
      <MapObject Instance="mobject_2" name_area="Ukraine">
        <Contact>
          <Name>Testing</Name>
      <Tell>012312</Tell>
    </Contact>
      </MapObjects>
  </Analysis>

这是 XML ..我需要编写一个构造函数和一个调用函数的适配器。我需要用 Analysis 填充下拉列表，并用 和 详细信息填充 HTML ..

 function getData() {
        var d = new Date();
        var tt = d.getMilliseconds();
        durl = 'data.xml?tt' + tt;
        $.ajax({
            type: "GET",
            url: durl,
            dataType: "xml",
            success: parseXml
        });
    }

我写这个是为了提取 xml ..我需要更进一步。

Answer 1

您应该首先修复您的 XML，您的 <MapObject>未关闭:

<Analysis id="1" name="Agricultural Resources">
    <MapObjects>
        <MapObject Instance="mobject_2" name_area="Ukraine">
            <Contact>
                <Name>Testing</Name>
                <Tell>012312</Tell>
            </Contact>
        </MapObject>
    </MapObjects>
</Analysis>

然后你可以查询 parseXml 中的 XML函数来提取您感兴趣的值。例如为了提取 Name和Tell您可以首先循环遍历所有 MapObject 节点并检索相应的值:

function parseXml(xml) {
    $(xml).find('MapObject').each(function() {
        var nameArea = $(this).attr('name_area');
        var name = $(this).find('Name').text();
        var phone = $(this).find('Tell').text();
        alert('name_area: ' + nameArea  + ', name: ' + name + ', telephone: ' + phone);    
    });
}

此外，我建议您使用cache: false，而不是使用一些数据时间来破坏缓存。设置:

function getData() {
    $.ajax({
        url: 'data.xml',
        type: 'GET',
        cache: false,
        dataType: 'xml',
        success: parseXml
    });
}