Ajax - getJSON

<!DOCTYPE html>
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/bootstrap.css" rel="stylesheet" type="text/css"/>
        <script src="js/jquery/jquery.js" type="text/javascript"></script>
        <script src="js/bootstrap.js" type="text/javascript"></script>

        <script>
            $(function(){
               $("button").click(function(){
                  $.getJSON("data.json", function(result){
                      $.each(result, function(id, filed){
                          $("div").append(filed.name +""+ filed.email +"<br>");
                      });
                  });
               });
            });


        </script>

    </head>
    <body>

        <button>Click</button>
        <div></div>
    </body>
</html>