无法在html中打印json响应

时间:2012-03-18 04:41:17

标签: jquery html5 jquery-ui

我无法在restective表中打印json响应....如果我做错了,请帮助我....我只需要在html页面中显示响应

     <script type="text/javascript" charset="utf-8">
       $(document).ready(function() {
        alert("load");
     $.getJSON("http://10.0.2.2:8080/v1/service/1",
    function(data) {

    $.each(data, function(id, obj){ 
         $("#display tbody").append("<tr>");
            $.each(obj, function(propName, value) {

                 $("#display").append("<td>");
                 $("#display").append(value);
                 $("#display").append("</td>");
               // console.log(propName + ": " + value);


            });
             $("#display").append("</tr>");
        });  


    }); 

      document.addEventListener("deviceready", onDeviceReady, true);

       });

    function onDeviceReady(){
     navigator.notification.alert("PhoneGap is working");

       } 



   </script>

     </head> 
    <body>
  <table width="100%" cellspacing="3" id="display">
    <tr align="center">
        <td bgcolor="#474646" style="color: #fff;> Date</td>
        <td bgcolor="#474646" style="color: #fff;>Date</td>
        <td bgcolor="#474646" style="color: #fff;>Number</td>
        <td bgcolor="#474646" style="color: #fff; >Number</td>
        <td bgcolor="#474646" style="color: #fff; >Count</td>
        <td bgcolor="#474646" style="color: #fff; >Amount</td>
    </tr>

    </table>
    </body>
        </html>

我还有其他选项可以在表格中显示响应,而不是使用上面的代码 如果出现问题或需要更改某些内容,请告诉我

2 个答案:

答案 0 :(得分:0)

将您的JSON数据解析为String类型以显示为html。

语法:JSON.stringify({json object});

访问How to parse JSON object to a string with js

答案 1 :(得分:0)

 $.getJSON("http://10.0.2.2:8080/v1/service/1",
     function(data) {

    $.each(data, function(id, obj){ 
     $("#display tbody").append("<tr>");
        $.each(obj, function(propName, value) {
            val = JSON.stringify(value);
             $("#display").append("<td>");
             $("#display").append(val);
             $("#display").append("</td>");
           // console.log(propName + ": " + value);


        });
         $("#display").append("</tr>");
    });  
解析json数据后

无法打印