v0.0.7 Try to get ajax to work with backend

Frontend/Assets/Ajax/createPost.js

@@ -0,0 +1,26 @@
+$("#submit").click(function(){
+    var $title = $("#title");
+    var $description = $("#description");
+
+
+    var data = {
+        title: $title.val(),
+        description: $description.val(),
+    };
+
+    console.log(data);
+
+$.ajax({
+    url: '../Backend/controller/upload.php',
+    type: 'POST',
+    data: data,
+    contentType: 'application/json; charset=utf-8',
+    success: function () {
+       console.log("Dansker bingo")
+    },
+    error: function () {
+        console.log("error");
+    }
+});
+
+});

Frontend/Assets/Ajax/deletePost.js

@@ -4,10 +4,10 @@ function deletePost(id) {
         url: '../Backend/controller/deletePost.php',
         data: {'delete_id':id},
         success:function (data) {
-            console.log(data);
+            console.log("Delete was a success");
         },
         error:function (data) {
-            console.log(data);
+            console.log("Delete was not a success");
         }
     });
 }

Frontend/home.php

@@ -33,11 +33,11 @@ use Backend\Model\Post;
     <a href="../Backend/controller/logout.php">Log ud</a>
     <hr>
     <p>Opret post</p>
-    <form action="../Backend/controller/upload.php" method="POST">
-        <input type="text" name="title">
-        <input type="text" name="description">
-        <input type="submit" name="createPost" placeholder="Opret">
-    </form>
+    <!--<form action="../Backend/controller/upload.php" method="POST">-->
+        <input type="text" id="title" name="title">
+        <input type="text" id="description" name="description">
+        <button id="submit" name="createPost">Opret opslag</button>
+   <!-- </form>-->
     <hr>
 
 
@@ -45,6 +45,7 @@ use Backend\Model\Post;
 
 <script src="Assets/Ajax/deletePost.js"></script>
 <script src="Assets/Ajax/fetchAndDisplayData.js"></script>
+<script src="Assets/Ajax/createPost.js"></script>
 
 
 </body>