info343/lectures/json-web-services/files/books.html

<!DOCTYPE html>
<html>
   <head>
      <!-- 
      books.html
      Lecture example for fetching and displaying XML and JSON data
      INFO 343, Autumn 2012
      Morgan Doocy
      -->
      
      <meta charset="utf-8">
      <title>Books!</title>
      
      <style type="text/css">
         body {
            font: 100%/1.2 "Lucida Grande", "Lucida Sans Unicode", sans-serif;
         }
      </style>
      
      <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
      <script type="text/javascript" src="books.js"></script>
   </head>
   
   <body>
      <h1>Books!</h1>
      
      <fieldset>
         <legend>Fetch Books</legend>
         <select id="categories"></select>
         <button id="fetch">Fetch books!</button>
      </fieldset>
      
      <ul id="books"></ul>
   </body>
</html>