T157 PUT/update working, POST/addNew problems with eureka

src/main/resources/static/js/datatransfer.js

@@ -56,15 +56,27 @@ function updateData(){
     $.ajax({
         url: 'http://localhost:8097/mock/json',
         type: 'PUT',
-        data: updatedJson,
-        success: function(data) {
-            console.log('PUT request received 200');
-        }
+        data: JSON.stringify(updatedJson, null, 2),
+        error: function(e) {
+            console.log(e);
+        },
+        dataType: "json",
+        contentType: "application/json"
+        // success: function(data) {
+        //     console.log('PUT request received 200');
+        // }
+    });
+    getData();
+}
+
+function addMessage(){
+    $.ajax({
+        url: 'http://localhost:8097/mock/json/'+clientUUID,
+        type: 'POST',
+        // success: function(data) {
+        //     console.log('PUT request received 200');
+        // }
     });
-    // $.put('http://localhost:8097/mock/json', function(data){
-    //
-    // });
-    // console.log('PUT request sent');
     getData();
 }
 
@@ -133,6 +145,7 @@ function generateHeaderTable(headers){
 }
 
 function fillMessageList(){
+    $("#listItems").html('');
     var innerHTML = '';
     for(let i=0; i<json.length; i++){
         innerHTML += generateMessageTileHtml(json[i].mockedResponseId, json[i].httpStatus, json[i].mediaType);

src/main/resources/templates/mock.html

@@ -18,7 +18,7 @@
             <div id="selectMenuContent" style="display: none;">
                 <div id="selectMenuHead" class="articleHead">List</div>
                 <div id="listItems"></div>
-                <div id="iconPlus" class="menuItem"><i class="icon-plus"></i></div>
+                <div id="iconPlus" class="menuItem" onclick="addMessage()"><i class="icon-plus"></i></div>
             </div>
 
         </div>