mosdevly · March 13, 2020 17:55 · Mar 13, 2020
diff --git a/example.html b/example.html
@@ -0,0 +1,10 @@
+{%  extends 'base.html' %}
+
+
+{% block content %}
+    <script src="{{ url_for('static', filename='js/example.js') }}"></script>
+
+    <div id="users">
+
+    </div>
+{% endblock %}
diff --git a/example.js b/example.js
@@ -0,0 +1,11 @@
+$(function() {
+    const userDiv = $('#users');
+
+    $.get('api/users', (res) => {
+        for (user of res) {
+            console.log(user);
+            userDiv.append(`<li>${user.username}</li>`);
+        }
+    });
+
+});
diff --git a/routes.py b/routes.py
@@ -0,0 +1,12 @@
+@app.route('/example')
+def example():
+    """Example of using sqlalchemy to return JSON."""
+    return render_template('example.html')
+
+
+@app.route('/api/users')
+def get_all_users():
+    """Example of using sqlalchemy to return JSON."""
+    users = User.query.all()
+
+    return jsonify([u.serialize() for u in users])
No results found