jquery submit

Author: david-pizzi-cg

hello_app/templates/rockpaperscissor.html

@@ -6,4 +6,33 @@
     <div class="container">
         rockpaperscissor
     </div>
+    <form>
+        <label for="name">Name:</label>
+        <input type="text" id="name" name="name">
+        <br>
+        <label for="email">Email:</label>
+        <input type="email" id="email" name="email">
+        <br>
+        <label for="message">Message:</label>
+        <textarea id="message" name="message"></textarea>
+        <br>
+        <button type="submit">Submit</button>
+     </form>
+    <script>
+        $(document).ready(function() {
+           $('form').submit(function(event) {
+              event.preventDefault();
+              $.ajax({
+                 type: 'POST',
+                 url: "{{ url_for('rockpaperscissor') }}",
+                 data: $('form').serialize(),
+                 success: function() {
+                    $('#name').val('');
+                    $('#email').val('');
+                    $('#message').val('');
+                    alert('Form submitted!');
+                 }
+              });
+           });
+        });
 {% endblock %}

hello_app/views.py

@@ -61,10 +61,14 @@ def translator_post():
         target_language=target_language
     )
 
-@app.route("/rockpaperscissor/")
+@app.route("/rockpaperscissor/", methods=['Get'])
 def rockpaperscissor():
     return render_template("rockpaperscissor.html")
 
+@app.route("/rockpaperscissor/", methods=['POST'])
+def rockpaperscissor_submit():
+    return "submitted"
+
 @app.route("/about/")
 def about():
     return render_template("about.html")