Javascript 如何获取JSON标题_Javascript_Jquery_Html_Json

Javascript 如何获取JSON标题

javascript jquery html json

Javascript 如何获取JSON标题,javascript,jquery,html,json,Javascript,Jquery,Html,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(){ $.

这是我的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>

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

我想展示关于约翰·多伊·安娜·史密斯·彼得·琼斯的结果

非常感谢

每当遇到这些问题时，我都会控制台.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-ing，您只需添加.employees即可使其正常工作。希望这有帮助

您是否尝试过使用浏览器的JavaScript调试器？“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);      
            });
        });
    });
});