Question

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">

    <title>Weather App</title>

    <!-- external CSS link -->
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style.css">
    <script src='js/jquery.js'></script>
  <script src="js/app.js"></script>
</head>
<body>
    <header>
        <div class="title">
            <h1>Weather App</h1>
        </div>
    </header>
    <div class="container">
        <form>
            <input type="submit" value="Get Tracks" id="submit-btn">
        </form>
    </div>
    <div>
    High: <span id="hightemp"></span>
    </div>
  <div>
    Low: <span id="lowtemp"></span>
  </div>

  <div id="container">
              <table>
                <tbody id="entries">
                </tbody>
            </table>
</body>
</html>

使用Javascript：

$(document).ready(function() {

  var baseURL = "http://ws.audioscrobbler.com/2.0/?method=geo.getTopTracks&country=United%20States&format=json";

    $.ajax(baseURL, {
      dataType: "jsonp",
      success: function (data) {
       console.log(data);


        for (var i = 0; i < 100; i++){
       var name = data.tracks.track[i].name;
       console.log(name)


      };
    }});

});
;

我正在努力实现两个目标

1）我希望能够在页面上打印变量的每个值

我目前能够在循环中控制记录每个迭代变量，但我希望帮助实际在页面上打印。

2）次要目标是获取页面上的每个值并将其提交到表单中。对于每次提交，我希望返回的值显示在列表中的项目旁边。

有什么想法吗？

在列表上打印迭代变量值+如何将这些值提交到表单中

0 个答案: