Start implementing AJAX

Problem with cross origin requests, need to do more research.
2018-06-03 16:04:26 -04:00
parent a508337363
commit f52e88f83a
2 changed files with 55 additions and 1 deletions
--- a/spotifyvis/templates/spotifyvis/index.html
+++ b/spotifyvis/templates/spotifyvis/index.html
@@ -1,4 +1,5 @@
 <!DOCTYPE html>
+{% load static %}
 <html>
  <head>
    <title>User Login</title>
@@ -11,14 +12,25 @@
        width: 500px;
      }
    </style>
+
  </head>

  <body>
    <div class="container">
      <div id="login">
        <h1>This is an example of the Authorization Code flow</h1>
-        <a href="/login" class="btn btn-primary">Log in with Spotify</a>
+        <a href="/login" class="btn btn-primary">Log In (Original)</a>
+        <button id="login-btn">Log In</button>
+      </div>
+
+      <div id="data-container">
+        <ul id="data-list">
+
+        </ul>
      </div>
    </div>
+
+
+    <script src="{% static 'spotifyvis/scripts/index.js' %}"></script>
  </body>
 </html>