通过Javascript解析JSON对象（对象列表）并在其中循环？

Question

好吧，我知道有什么不对，但我无法理解。

我从我写的Web服务中读取了一个服务的ArrayList（JSON mediatype）。 转到该地址会返回json字符串。

现在，我正在尝试制作一个网页，用于显示值，并每隔3秒查看对页面进行更改的请求。

我该如何解析或使用它？ 阅读很多，我还在开始..

[无法将此对象传递给JSP并使用JSTL解析，循环和所有内容？ 那将是真棒！]

这里是js代码：

 <script type="text/javascript">
setInterval(function(){
    $.ajax({ url: "/MyApp/rest/display", success: function(data){
        var objs = $.parseJSON(data);
        $.each(objs, function(i,service) {
            $("#service").append('<p>'+service+'</p>');
        });
    }, dataType: "json"});
}, 3000);
</script>

我有一个<div id="service">

编辑：差不多了！

现在我这样：

<script type="text/javascript">
setInterval(function(){
    $.ajax({ url: "/myApp/rest/display", success: function(data){
        $.each(data, function(i,service) {
            var cont = 1;
            var newdiv = document.createElement('div');
            newdiv.setAttribute('id', "service"+i);
            $("#service"+i).html('<p>'+service.serviceId+" "+service.queue.lastNumber+'</p>');
            document.getElementById("services").appendChild(newdiv);
            cont++;
        });
    }, dataType: "json"});
}, 5000);
</script>

它得到了更新和所有（很好！）但我有一个问题： 它不断在较大的div（空div）中创建新的div 。 我怎么能避免这个？

EDIT2：

没关系，我做完了！ 只需在appendChild之前添加此行：

if(!$("#service"+i).length)

奇迹般有效。 谢谢！

Answer 1

使用JQuery，您不需要解析data因为在设置dataType: "json"时它已经被解析为JSON。

$.ajax({ 
    url: "/MyApp/rest/display", 
    success: function(data) {
        $.each(data, function(i,service) {
            $("#service").append('<p>'+service+'</p>');
        });}, 
    dataType: "json" });

PS。 如果这不起作用，请发布您的AJAX调用返回的JSON。

编辑：这是JSTL的处理方式：创建一个JSF或JSP，它不返回完整的HTML页面，但只是你想要的#service div。 让我们调用doit.jsp页面。 现在我们可以使用ajax将它放在#service div中。

$.ajax({
    url: "doit.jsp",
    success: function(data) { $("#service").html(data); });