如何在我的網頁上顯示來自JSON的數據？

我在寫一個發送ajax請求的腳本。雲似乎迴應了JSON，但是我怎樣才能在我的網頁上顯示來自JSON的數據？如何在我的網頁上顯示來自JSON的數據？

Here漂亮打印的JSON的鏈接。

<html> 
 
    <head> 
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
    </head> 
 
     <body> 
 
      <button onclick="myFunctionPost()">Start</button> 
 
      <script> 
 
      function myFunctionPost() { 
 
       jQuery.ajax({ 
 
        url: 'https://iotmmss0018275632trial.hanatrial.ondemand.com/com.sap.iotservices.mms/v1/api/http/app.svc/T_IOT_77877E443B666B7FED2F?$format=json', 
 
        type: 'POST', 
 
        crossDomain: true, 
 
        dataType: 'jsonp', 
 
        success: function(response) { 
 
         console.log(response); 
 
        }, 
 
        error : function(error) { 
 
         console.log(error); 
 
        } 
 
       }); 
 
      } 
 
      </script> 
 
     </body> 
 
</html>

來源

2017-10-10 Aleksandar K.

的迴應將deserialised一個對象，所以你只需要訪問的屬性，以填補任何你需要的HTML結構。我們無法提供任何具體的幫助，因爲您的問題太廣泛，而且您沒有展示您想要創建的HTML，但是我建議您將目標打破到任務並使用Google搜索，即。 '我如何在jQuery中創建元素？'，'我如何循環訪問數組'？等等。jQuery文檔也可以幫助你：http://api.jquery.com。如果您仍然遇到*特定*問題，請提出另一個問題，提供您想要實現的全部細節 –

，這取決於您的要求。如果數據以字符串形式出現，然後將其解析爲json對象，並且您可以獲取json中的所有數據 –

要達到此目的，您可以使用JSON.stringify()空格參數。您還需要用<pre> </pre>包裝輸出將保留行間距。

function myFunctionPost() { 
 
    $.ajax({ 
 
    url: 'https://jsonplaceholder.typicode.com/posts', 
 
    type: 'GET', 
 
    success: function(response) { 
 
     $('#pp').html('<pre>' + JSON.stringify(response, undefined, 4) + '</pre>'); 
 
    }, 
 
    error: function(error) { 
 
     console.log(error); 
 
    } 
 
    }); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<html> 
 
    <head> 
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
    </head> 
 
     <body> 
 
      <button onclick="myFunctionPost()">Start</button> 
 
      <p id="pp"></p> 
 
      
 
     </body> 
 
</html>

來源：Does jQuery have a JSON/javascript object to HTML pretty print function similar to PHP's var_dump?

來源

2017-10-10 09:51:09

通過var responseObject = json.parse(response)做一個JavaScript對象。

然後像JS對象一樣做？很難告訴確切的代碼，而不知道你想要顯示什麼，用什麼HTML。

來源

2017-10-10 09:34:40 DanteTheSmith

如何在我的網頁上顯示來自JSON的數據？

回答

相關問題