Question

我正在尝试使用Jquery从远程URL解析json数据。我的数据格式如下：

[
{
    "UserId": "5",
    "Name": "Syed",
    "Lat": "23.193458922305805",
    "Long": "77.43331186580654",
    "EmailId": "syedrizwan@ats.in",
    "LocationUpdatedAt": ""
},
{
    "UserId": "98",
    "Name": "Michael Catholic",
    "Lat": "23.221318",
    "Long": "77.42625",
    "EmailId": "michaelcatholic@gmail.com",
    "LocationUpdatedAt": ""
}
]

我已经检查了json lint中的数据，并说它是正确的数据格式。当我尝试在我的HTML页面上运行它时，它返回一个空白页面。我的HTML代码如下：

<html>
<head>
<title>Jquery Json</title>
<script type="text/javascript" src="jquery.js"></script>
<script>
$(document).ready(function(){
    $.getJSON('http://localhost/fbJson/json.php', function(results){
        document.write(results.Name);
    });
});
</script>
</head>
<body>

</body>
</html>

我正在尝试从json字符串

中检索名称

Answer 1

有一个对象数组，您可以使用索引

直接访问它们

   $.getJSON('http://localhost/fbJson/json.php', function(results){
        document.write(results[0].Name);
    });

如果您希望迭代数组，可以使用$.each并将results传递给它

   $.each(results, function(key, val) {
       document.write(val.Name);
   });

Answer 2

results是一系列项目，因此您必须考虑所需的项目。

通常情况下，你会以类似的方式循环遍历数组：

$.getJSON('http://localhost/fbJson/json.php', function(results){
    for(var i = 0; i < results.length; i++) {
        console.log(results[i].Name);
    }
});

Answer 3

你的json格式是正确的。使用此代码访问第一行数组中的名称：

document.write(results[0].Name);

使用jquery和HTML解析json数据

3 个答案: