From c7fa37a3aeac182f311ed2396d8c8dc886d11da5 Mon Sep 17 00:00:00 2001
From: Victor <victorneerholt@gmail.com>
Date: Fri, 4 Jun 2021 11:13:38 +0200
Subject: [PATCH]  v0.0.7 Try to get ajax to work with backend

---
 Backend/controller/upload.php      | 15 +++++----------
 Frontend/Assets/Ajax/createPost.js | 26 ++++++++++++++++++++++++++
 Frontend/Assets/Ajax/deletePost.js |  4 ++--
 Frontend/home.php                  | 11 ++++++-----
 4 files changed, 39 insertions(+), 17 deletions(-)
 create mode 100644 Frontend/Assets/Ajax/createPost.js

diff --git a/Backend/controller/upload.php b/Backend/controller/upload.php
index 9622b2e..0e5dd56 100644
--- a/Backend/controller/upload.php
+++ b/Backend/controller/upload.php
@@ -6,22 +6,17 @@ use Backend\Model\Post;
 
 //Chek if the user did press the button on the home pages
 if(isset($_POST['createPost'])){
-    //Grep the data from post
-    $title = $_POST['title'];
-    $description = $_POST['description'];
-
     //Create a new initialize
     $post = new Post();
 
-    //Call the Post class and save the user data to the database
-    $post->title = $title;
-    $post->description = $description;
+    //Get the data from post and save it to the post model
+    $post->title = $_POST['title'];
+    $post->description = $_POST['description'];
 
     //Call the save function.
     if(!$post->save()){
-        echo "Failed to save the post";
-        exit();
+        return http_response_code(400);
     }else{
-        header("location: ../../Frontend/home.php?Post=UploadSuccess");
+        return http_response_code(200);
     }
 }
diff --git a/Frontend/Assets/Ajax/createPost.js b/Frontend/Assets/Ajax/createPost.js
new file mode 100644
index 0000000..118040b
--- /dev/null
+++ b/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");
+    }
+});
+
+});
diff --git a/Frontend/Assets/Ajax/deletePost.js b/Frontend/Assets/Ajax/deletePost.js
index 41cc5ad..3792e7b 100644
--- a/Frontend/Assets/Ajax/deletePost.js
+++ b/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");
         }
     });
 }
\ No newline at end of file
diff --git a/Frontend/home.php b/Frontend/home.php
index 90b26f2..344e075 100644
--- a/Frontend/home.php
+++ b/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>