add the app.js, app.html, jquery and app.py as basic set up

.gitignore

@@ -0,0 +1,4 @@
+flask_ajax_db-journal
+flask_ajax_db
+.vscode/
+__pycache__/

app.py

@@ -0,0 +1,39 @@
+from flask import Flask, jsonify, render_template, request
+import sqlite3
+
+
+app = Flask(__name__)
+DATABASE_NAME = "flask_ajax_db"
+
+
+@app.route('/process', methods=['POST'])
+def add_numbers():
+
+    status = 0
+
+    first_name = request.form.get('firstName', '')
+    last_name = request.form.get('lastName', '')
+
+    if first_name or last_name:
+        status = 1
+        result = f"{first_name}  {last_name}"
+    else:
+        result = "Provide first or last name"
+
+    response_object = {
+        'status': status,
+        'result': result
+    }
+
+    return jsonify(response_object=response_object)
+
+
+@app.route('/', methods=['GET', 'POST'])
+def index():
+
+    return render_template('app.html')
+
+
+if __name__ == "__main__":
+    app.run(debug=True)
+    app.secret_key = '#$%1RTY2^&3FGh4%^&*{"5)(iukVT^ioIo_\{\:DFDFHJHkjn})'

flask_ajax_db.sql

@@ -0,0 +1,7 @@
+BEGIN TRANSACTION;
+CREATE TABLE IF NOT EXISTS `info` (
+	`id`	INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT,
+	`firstname`	TEXT,
+	`lastname`	TEXT
+);
+COMMIT;

static/app.js

@@ -0,0 +1,37 @@
+$(function () {
+    $('#addName').on('click', function (e) {
+        e.preventDefault()
+
+        $.ajax({
+            url: '/process',
+            type: 'POST',
+            dataType: 'json',
+            data: {
+                firstName: $('#firstName').val(),
+                lastName: $('#lastName').val()
+            },
+            success: function (response) {
+
+                if (response.response_object['status'] === 1) {
+                    $("#msg").text('');
+                    $("#result").text(response.response_object['result']);
+                } else {
+                    $("#result").text('');
+                    $("#msg").text(response.response_object['result']);
+                }
+
+                $('#firstName').val('')
+                $('#lastName').val('')
+
+
+            },
+            error: function (error) {
+                $('#msg').text(error.response_object);
+                // console.log(error.response_object['result'])
+            }
+
+        })
+
+    })
+
+})