将Json Data解析为HTML而不使用Json数组名称

时间:2015-12-01 08:43:31

标签: html json swing parsing model-view-controller

我有一个返回json数据列表的Web服务。但是数据没有数组名称。 JSON数据格式如下所示:

[{"itemno":1256,"offerPercent":10,"bulkDiscount":20,"regQtyBuyLimit":10,"offerQtyBuyLimit":5,"minReOrderLevel":2,"pkg":"5kg","addedOn":"2015-10-11","updatedOn":"2015-10-12","mrp":500,"regPrice":400,"minBulkQty":50}]

这是来自mysql通过Web服务调用。

我想将其解析为html表。

我的问题是:如何在没有arrayname的情况下解析数据或如何定义数组的名称然后解析它?

2 个答案:

答案 0 :(得分:0)

在响应数据上成功调用$ .parseJSON(responseData)时,从服务器获取响应(如果使用简单的http表单提交请求或ajax调用)。

使用提醒验证您的数据。

答案 1 :(得分:0)

我再一次解决了自己的问题。 这次我将告诉你如何。

以下是jsp文件的完整代码: -

<html>
<head>
<title>Lets See</title>
<script
    src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript">
 $(document).ready(function(){
           $.getJSON('http://localhost:8080/OnlineStore/kmsg/grocery/item',
                function (json) {
                    var tr;
                    for (var i = 0; i < json.length; i++) {
                        tr = $('<tr/>');
                        tr.append("<td>" + json[i].itemno + "</td>");
                        tr.append("<td>" + json[i].offerPercent + "</td>");
                        tr.append("<td>" + json[i].bulkDiscount + "</td>");
                        tr.append("<td>" + json[i].regQtyBuyLimit + "</td>");
                        tr.append("<td>" + json[i].offerQtyBuyLimit + "</td>");
                        tr.append("<td>" + json[i].minReorderLevel + "</td>");
                        tr.append("<td>" + json[i].pkg + "</td>");
                        tr.append("<td>" + json[i].addedOn + "</td>");
                        tr.append("<td>" + json[i].updatedOn + "</td>");
                        tr.append("<td>" + json[i].mrp + "</td>");
                        tr.append("<td>" + json[i].regPrice + "</td>");
                        tr.append("<td>" + json[i].minBulkqty + "</td>");
                        $('table').append(tr);
                    }                   
                });
            });   
        </script>
</head>
<body>
    <table border="1">
        <tr>
            <th>ItemNo</th>
            <th>OfferPercent</th>
            <th>BulkDiscount</th>
            <th>regQtyBuyLimit</th>
            <th>offerQtyBuyLimit</th>
            <th>minReorderLevel</th>
            <th>pkg</th>
            <th>addedOn</th>
            <th>updatedOn</th>
            <th>mrp</th>
            <th>regPrice</th>
            <th>minBulkqty</th>
        </tr>
    </table>
    <button>Get Item</button>
</body>
</html>