【问题标题】:Generate ul with jquery each and xml使用 jquery 和 xml 生成 ul
【发布时间】:2016-06-19 10:48:16
【问题描述】:

我正在尝试用

  • 元素为我的 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>

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

  • 【问题讨论】:

    • 函数generateList不带参数调用可以吗?
    • @MartinStaufcik 我取出了“generateList”之后的括号,但仍然无济于事。我之前设法在不传递任何参数的情况下进行了 ajax 调用,执行了类似的操作。
    • 显示 xml 示例。添加一个错误处理程序以查看是否触发。通过在浏览器开发工具网络中检查实际请求可以获得更多详细信息
    • @charlietfl 我添加了 XML 的 sn-p。
    • 您的代码 works fine here 删除 () 时。需要检查实际请求以获取更多线索.. 状态、预期响应数据等

    标签: javascript jquery xml list each


    【解决方案1】:

    尝试改变getXML函数:

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

    或者使用ajax函数

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

    【讨论】:

    • 为什么会有帮助...它只不过是$.ajax 的快捷方式,而您忽略了 dataType 参数
    • 函数 generateList() 是在没有预期的 xml 参数的情况下调用的,在这个答案中它是用参数调用的
    • no...当 OP 移除大括号以调用函数时,它是对函数的引用,并且可以正常工作
    • 不幸的是,这没有用,也没有去除大括号,尽管我认为这是朝着正确方向迈出的一步。我觉得这是一个非常愚蠢的错误,只是滑过......
    • success:generateList 将做与上面演示链接中看到的完全相同的事情。 $.get("garbage.xml",generateList,'xml') 也是如此
    猜你喜欢
    • 1970-01-01
    • 2010-09-24
    • 2021-03-21
    • 2011-08-18
    • 1970-01-01
    • 2017-08-13
    • 2016-06-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多