Question

我想在HTML页面中显示语句的结果而不是console.log

我是新手：）

这是JS：

  $.ajax({
      url: 'xml/articles.json',
      dataType: 'json',
      type: 'get',
      cache: false,

      success: function(data) {

          $(data.builds).each(function(index, value){

        console.log(value.number);
          });
      }
  });

这是我的HTML页面：

<!DOCTYPE html>
<html>

    <head>

        <title> JSON RSS parser </title>

    </head>

    <body>

        <div class="feed">

        <ul> </ul>

    </div>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script type="text/javascript" src="js/logic.js"></script>

    </body>

</html>

我试过这个，但它不起作用：

        $('.feed ul').append(
        $('<li />', {
            text: number
        })
        );
    });
},

有什么想法吗？

Answer 1

尝试创建节点并附加它们。

var ul = document.querySelector('div.feed > ul');

$(data.builds).each(function(index, value){

  var li = document.createElement('li');
  var text = document.createTextNode(value.number);
  li.appendChild(text);
  ul.appendChild(li);
});

以HTML而不是console.log查看

1 个答案: