Question

我正在编写一个发送ajax请求的脚本。 Cloud似乎使用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>

Answer 1

通过==制作一个javascript对象。

然后像使用JS对象那样做？很难说出确切的代码而不知道你想用什么HTML显示什么。

Answer 2

要实现此目的，您可以使用JSON.stringify()空格参数。您还需要使用<pre> </pre>包装输出以保留行间距。

＆＃13;

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);
    }   
  });
}

＆＃13;

<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>

＆＃13;

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

如何在我的网页上显示JSON中的数据？

2 个答案: