javascript - 使用ajax显示来自url的JSON数据

Question

我们希望使用 javascript 将 json 文件中的所有名称显示到 div 中。我们尝试了很多事情，但都没有成功。

json数据:http://www.smartbustracking.be/json/data.json

这是我们尝试过的:

<button>get data</button>
<div id="resultJson"></div>


<script type="text/javascript" language="javascript">
             $("button").click(function(){
                    $.getJSON("http://www.smartbustracking.be/json/data.json", function(result){
                        for(var x = 0; x < result.length; x++){

                                $.each(result, function(i, field) {
                                    $("#resultJson").append(field[x].name);
                                }

                        }
                    });
            });

如果有人可以帮助我们解决这个问题，那就太好了

提前致谢!

Answer 1

不要在 for 循环中使用额外的循环来提取名称。

你的数据就像

[0] = {name:"name1"}
[1] = { name: "name2"}

如果 [0] 中有一个数组，并且您想从中提取值，那么您需要在 for 循环中另一个循环来提取该值，就像您想提取 bushaltes 的值一样。

尝试这样

$("button").click(function() {
    $.getJSON("http://www.smartbustracking.be/json/data.json", function(result) {
        console.log(result);
        for (var x = 0; x < result.length; x++) {
            $("#resultJson").append(result[x].name);
        }
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>get data</button>
<div id="resultJson"></div>