使用 jquery 和 xml 生成 ul

Generate ul with jquery each and xml

本文关键字：生成 ul xml jquery 使用      更新时间：2023-09-26

我正在尝试为XML文档中的每个"行"标签填充

  • 元素的ul。现在我只希望它显示任意文本，直到我弄清楚为什么这甚至不起作用，然后我将努力从文件中添加实际值。#results 是
      。 

      function getXML () {
    $.ajax({
       type: "GET",
       url: "garbage.xml",
       dataType: "xml",
       success: generateList
       });    
};
function generateList (xml) {
    $(xml).find('Row').each(function() {
       $('#results').append(
       '<li class="results__item">1</li>'
       );
    });
}
$(document).ready(function() {
    getXML();
});

      下面是 xml 的示例

      <?xml version="1.0" encoding="windows-1252" standalone="yes"?><!-- Generated by abcexcel-->  
<Records>
  <Record>
    <Row
      A="TITLE"
      B="ALT_WORDS"
      C="DESC_ID"
      D="DESCRIPTION"
    />
  </Record>

      它所做的只是重复更多的记录。

    • 尝试更改 getXML 函数：

    function getXML () {
    $.get("garbage.xml", function(data) {
        generateList(data);
    });
}

    或使用 ajax 函数

    $.ajax({
   type: "GET",
   url: "garbage.xml",
   dataType: "xml",
   success: function(xml) { 
       generateList(xml);
   });
    相关文章：