如何获得JSON标题

这是我的HTML代码

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $.getJSON("json.js", function(result){
            $.each(result, function(i, field){
                var firstName = field.firstName;
                var lastName = field.lastName;
         $(".a").append(firstName + lastName);      
            });
        });
    });
});
</script>
</head>
<body>
<button>Get JSON data</button>
<br>    
<p class="a"></p>
</body>
</html>

下面是我的json.js代码

{"employees":[
    {"firstName":"John", "lastName":"Doe"},
    {"firstName":"Anna", "lastName":"Smith"},
    {"firstName":"Peter", "lastName":"Jones"}
]}

当我运行程序时，没有显示，我该如何解决这个问题，谢谢

我想展示关于John Doe Anna Smith Peter Jones的结果

多谢! !

每当我遇到这些问题时，我会查看console.log(result)并查看如何通过控制台将数据发送回给我。我使用MAMP指向我的文件，因为在浏览器中打开index.html不会加载JSON数据。下面是我的代码:

$(document).ready(function(){
    $("button").click(function(){
        $.getJSON("json.js", function(result){
            $.each(result.employees, function(i, field){
                var firstName = field.firstName;
                var lastName = field.lastName;
                $(".a").append(firstName + " " + lastName);      
            });
        });
    });
});

通过console.log- logging，您所需要的只是添加.employees以使其工作。希望这对你有帮助!

相关内容

最新更新

热门标签：