Question

所以问题是我将来自url的JSON文件加载到我的html中，并且除了显示两次信息这一事实之外它还能正常工作。有谁知道为什么会这样？

这是我用来将JSON加载到我的html中的Jquery / Javascript代码。

$.ajax({
    url: 'http://datatank4.gent.be//bevolking/totaalaantalinwoners.json',
    dataType: 'json',
    type: 'get',
    cache: false,
    success: function(data) {
        i = 0;
        var access;
        var url;
        $(data).each(function(index, value) {
            wijkname = value.wijk;
            year = value.year_2010;
            i++;
            $('#pagewrap2').append(
                '<div class="dataond col col-xxs-12 col-md-3"> <h2> ' + wijkname + '</h2><p>' + year + '<div id="maps">' + "<iframe width='100%' height='100%' frameborder='0' scrolling='no'  marginheight='0' marginwidth='0'   src='https://maps.google.com/maps?&amp;q="+ encodeURIComponent( wijkname + ' ' + 'Gent' ) +"&amp;output=embed'></iframe>" + '</div>' + '</p></div>'
            );
        });
    }
});

Answer 1

首先检查此ajax调用的响应。

如果回复看起来很好，那么你可能会两次进行ajax调用。

例如，当您添加两次事件侦听器时。（如果您正在使用jquery，请在click（）之前添加off()函数

Answer 2

我发现了这个问题。真的很愚蠢，但我在index.html中将我的文件链接了两次... 谢谢大家的回复。

Answer 3

<script type="text/javascript">
    $(document).ready(function() {
      var categoriesId = [];
      $.getJSON("http://datatank4.gent.be//bevolking/totaalaantalinwoners.json", function(data) {
        $.each(data, function(index, item) {

          categoriesId.push(item.wijk);


        }
              );
        for (i = 0; i < categoriesId.length; i++) {

            alert(categoriesId[i]);

 var newInProductPriceDiv = document.createElement('div');
              newInProductPriceDiv.setAttribute('id', "recentlyViewedProductPriceDiv" + i);
              newInProductPriceDiv.setAttribute('class', "subcategoryListPriceDiv");
              newInProductPriceDiv.innerHTML = newInProductPriceDiv.innerHTML + categoriesId[i];
              document.getElementById('pagewrap2' + i).appendChild(newInProductPriceDiv);
        }
      }
               );

    }
                     );
  </script>

如果你有任何困惑，那么告诉我好。如果你没有得到你的确切输出，那么也告诉我。

JSON信息循环一次

3 个答案: