Added index.html and calling API from JS

mkrajaci · Jul 22, 2020 · 3ef05c6 · 3ef05c6
1 parent a60b4af
commit 3ef05c6
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 1 deletion.
diff --git a/app.py b/app.py
@@ -1,4 +1,4 @@
-from flask import Flask, jsonify, request
+from flask import Flask, jsonify, request, render_template
 
 app = Flask(__name__)
 
@@ -15,6 +15,11 @@
 ]
 
 
+@app.route('/')
+def home():
+    return render_template('index.html')
+
+
 # POST /store data: {name:}
 @app.route('/store', methods=['POST'])
 def create_store():

diff --git a/templates/index.html b/templates/index.html
@@ -0,0 +1,25 @@
+<html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
+<script type="text/javascript">
+	function httpGetAsync(theUrl, callback) {
+	    var xmlHttp = new XMLHttpRequest();
+	    xmlHttp.onreadystatechange = function() {
+	        if (xmlHttp.readyState == 4 && xmlHttp.status == 200)
+	            callback(xmlHttp.responseText);
+	    }
+	    xmlHttp.open("GET", theUrl, true); // true for asynchronous
+	    xmlHttp.send(null);
+	}
+	httpGetAsync('http://127.0.0.1:5000/store', function(response){
+		alert(response);
+	})
+</script>
+</head>
+<body>
+
+<div id="myElement">
+	Hello, world!
+</div>
+
+
+
+</body></html>