如何获取 Xml 数据到动态列表

Posted 2023-05-09

【中文标题】如何获取 Xml 数据到动态列表

【英文标题】：How to get Xml data to dynamic list

【发布时间】：2018-09-01 21:07:55

【问题描述】：

test.xml

<Bock1>
  <No>123</No>
  <RoomNo>10</RoomNo>
  <UpdateTime>1230</UpdateTime>
</Block1>

运行.js

$.ajax(
  type: "GET",
  url: test.xml,
  dataType: "xml",
  success: function (xml) 
  $(xml).find('Block1').each(function () 
    var updateTime = $(this).find("UpdateTime").text();
    var no= $(this).find("No").text();
    var roomNo = $(this).find("RoomNo").text();
    var status = no + '<br/>' + roomNo + '<br/>' + updateTime;
    );
 
);

$('<div>')
  .attr(
  'data-role': 'collapsible', 'data-collapsed': 'false', 'data-mini': 'true'
  )
  .html('<h4>' + item_name + '</h4><p>' + status + '</p>')
  .appendTo(collapsibleset);
  
);

我正在使用它来生成带有 xml 数据的 collapsibleset， 但是status不能正确填写

<p> + status + </p>

status 将在 ajax 中正确获取，但无法进入 collapsibleset。 我尝试使用全局变量，但得到相同的情况。 怎样才能正确填写？

我是 jquery 和 javascript 的新手， 感谢您的任何回答！！！

【问题讨论】：

jquery - How to get xml data的可能重复

我已经看到了这个问题，但找不到解决方案，它似乎在 ajax 中生成列表，但我需要在 ajax 中获取值并将其填充到 ajax 之外的列表中。无论如何，谢谢提醒！

【参考方案1】：

jQuery.ajax() 期待 URL 值的字符串。 因此，您的 URL 只需要用引号括起来。

然后你的 DOM 引用 $('') 是错的。 要在 JQuery 中引用一个元素，您有多种选择，但最简单的方法是给一个元素一个 id，然后引用它（想想 CSS） $('div') 会得到所有的 div $('div#my_id') 会得到这个特定的元素：