我如何使用 Z9E13B69D1D2DA9237102ACAAAFZ15 在 HTML 中從 url 顯示 JSON

Question

下午好。 我正在做一個項目，我得到一個 JSON 並且我必須在 HTML 中顯示它，但我無法做到這一點。 在控制台中我可以正確顯示所有信息，但在 HTML 中無法顯示。 我需要做什么？ 這是代碼，感謝所有幫助。 控制台中的錯誤是：

Uncaught SyntaxError: Unexpected token o in JSON at position 1
    at JSON.parse (<anonymous>)
    at Object.success (index.html:21:26)
    at i (jquery-3.2.1.min.js:2:28017)
    at Object.fireWith [as resolveWith] (jquery-3.2.1.min.js:2:28783)
    at A (jquery-3.2.1.min.js:4:14035)
    at XMLHttpRequest.<anonymous> (jquery-3.2.1.min.js:4:16323)

和 HTML 代碼：

    <!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link id="mystylesheet" type="text/css" rel="stylesheet" href="style.css">

  <title>Document</title>
  <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
</head>

<body>
  <div id="wrapper">
    <h1 class="city"></h1>
    <h2><span id="tags">0</span>ºC</h2>
  </div>
  <script>
    const urlJsonString = $.getJSON('https://api.openweathermap.org/data/2.5/onecall?lat=38.7267&lon=-9.1403&exclude=current,hourly,minutely,alerts&units=metric&appid=ecef7e88947b6303121bb900373e41d2', function (data) {
      let urlJson = JSON.parse(urlJsonString)
      let [dt1, dt2, dt3, dt4, dt5, dt6, dt7, dt8] = urlJson.daily.map(({ dt, temp: { day }, weather: [{ description, icon }] }) => ({ dt, day, description, icon }))
      let result = `Data: ${urlJson}`
      $(".city").html(result);
    });
  </script>
</body>

</html>

Answer 1

返回的 JSON object 已經在data參數中，因此無需解析任何內容。 你可以let urlJson = data ，或者完全使用data而不是urlJson 。

要顯示 JSON，請使用stringify ，例如

var result = `Data: ${JSON.stringify(urlJson)}`;

Answer 2

你使用了錯誤的值。

應該：

 console.log(data);
 let [dt1, dt2, dt3, dt4, dt5, dt6, dt7, dt8] = data.daily.map(({ dt, temp: { day }, weather: [{ description, icon }] }) => ({ dt, day, description, icon }))

$.getJSON(url, function (數據) {});

function 是一個回調 function 這意味着在獲取數據后做一些事情

我如何使用 Z9E13B69D1D2DA9237102ACAAAFZ15 在 HTML 中從 url 顯示 JSON

問題描述

1 個解決方案

解決方案1
0 已采納 2022-02-02 15:26:52

解決方案2
0 2022-02-02 15:27:43

我如何使用 Z9E13B69D1D2DA9237102ACAAAFZ15 在 HTML 中從 url 顯示 JSON

問題描述

1 個解決方案

解決方案1 0 已采納 2022-02-02 15:26:52

解決方案2 0 2022-02-02 15:27:43

解決方案1
0 已采納 2022-02-02 15:26:52

解決方案2
0 2022-02-02 15:27:43