JQuery - JSON API Connection

JQuery - JSON API Connection

Hi, I am using the following code trying to POST / add some property data through to an API using this code https://api.beds24.com/json/createProperties - I'm new to JSON and API's but have a fair understanding of programming,
I am getting no errors and the console response looks ok (but I have very limited JSON API knowledge), will add the response to another post as too long for this post.
Please could someone have a look and point me in the right direction to getting this working. Thanks for looking.
Here is my code.
[code]
<meta charset="UTF-8">
<title> Ajax and Json | Tutorial</title>
<style>
 body{
  font-family: sans-serif;
 }
  .ajax-container{
  width: 50%;
  margin: 50px auto;
 }
 #btnAjaxCall{
  height: 50px;
  width: 120px;
  border: none;
  border-radius: 6px;
  color: white;
  background: #3498db;
  outline: none;
  font-size: 22px;
  opacity: 0.7;
  padding: 10px;
 }
 #btnAjaxCall:hover{
  cursor: pointer;
  opacity: 1;
 }
 .item-details{
  margin-top: 10px;
  border: 1px solid #ddd;
  padding: 6px;
 }
</style>
 
</head>

<body>
<form method=post>
 <div class="ajax-container">
  <input type="button" id="btnAjaxCall" value="Ajax Call" />
  <div class="display-data">
  </div>
 </div>
</form>

<script type="text/javascript" src="/sample5/js/jquery-3.3.1.min.js"></script>
<!--<script src=" https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>-->
<script>
 var count = 0;
 $("#btnAjaxCall").click(function(){
  fetchDataAndDisplay();
 });
 
 function fetchDataAndDisplay(){
  $.ajax({
  
   headers: {
      'content-type': 'application/x-www-form-urlencoded',
      //'Access-Control-Allow-Origin': ' http://localhost:8081',
      'Access-Control-Allow-Methods': 'GET,PUT,POST,DELETE',
      'Access-Control-Allow-Headers': 'Content-Type, Authorization',
      },
   url:" https://api.beds24.com/json/createProperties",
   method:"POST",
   dataType: 'json',
   data: {
     "authentication": {
      "apiKey": "12345678910112344567898"
     },
     "createProperties": [
      {
       "name": "White house1",
       "propKey": "2222222222233333",
       "notifyUrl": "http:\/\/www.White1.com\/api\/newbookings",
       "roomTypes": [
        {
         "name": "White 1xx",
         "qty": "1",
         "minPrice": "10.00"
        },
        {
         "name": "White 2xx",
         "qty": "3",
         "minPrice": "10.00"
        }
       ]
      },
      {
       "name": "New Property 2",
       "propKey": "2222222222244444",
       "notifyUrl": "http:\/\/www.White2.com\/api\/index.php?action=updatebooking",
       "roomTypes": [
        {
         "name": "White Sitex",
         "qty": "10",
         "minPrice": "10.00"
        },
        {
         "name": "White 1",
         "qty": "2",
         "minPrice": "10.00"
        }
       ]
      }
     ]
      }, 
   
  })
 
 }

</script>
</body>
</html>
[/code]

Here is the console response to the request.
Request URL:
https://api.beds24.com/json/createProperties
Request Method:
POST
Status Code:
200 OK
Remote Address:
195.201.74.20:443
Referrer Policy:
no-referrer-when-downgrade
Response Headers
Access-Control-Allow-Headers:
access-control-allow-headers,access-control-allow-methods
Access-Control-Allow-Methods:
POST, GET, OPTIONS, PUT, DELETE
Access-Control-Allow-Origin:
Allow:
POST, GET, OPTIONS, PUT, DELETE
Connection:
Keep-Alive
Content-Length:
56
Content-Type:
application/json
Date:
Wed, 05 Sep 2018 10:43:07 GMT
Keep-Alive:
timeout=5, max=99
Server:
Apache
Request Headers
Provisional headers are shown
Accept:
application/json, text/javascript, /; q=0.01
Access-Control-Allow-Headers:
Content-Type, Authorization
Access-Control-Allow-Methods:
GET,PUT,POST,DELETE
Content-Type:
application/x-www-form-urlencoded
Origin:
http://localhost:8081
Referer:
http://localhost:8081/sample5/getajax_bed24v2.html
User-Agent:
Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36
Form Dataview sourceview URL encoded
authentication[apiKey]:
12345678910111213141516
createProperties[0][name]:
White house1
createProperties[0][propKey]:
2222222222233333
createProperties[0][notifyUrl]:
http://www.White1.com/api/newbookings
createProperties[0][roomTypes][0][name]:
White 1xx
createProperties[0][roomTypes][0][qty]:
1
createProperties[0][roomTypes][0][minPrice]:
10.00
createProperties[0][roomTypes][1][name]:
White 2xx
createProperties[0][roomTypes][1][qty]:
3
createProperties[0][roomTypes][1][minPrice]:
10.00
createProperties[1][name]:
New Property 2
createProperties[1][propKey]:
2222222222244444
createProperties[1][notifyUrl]:
http://www.White2.com/api/index.php?action=updatebooking
createProperties[1][roomTypes][0][name]:
White Sitex
createProperties[1][roomTypes][0][qty]:
10
createProperties[1][roomTypes][0][minPrice]:
10.00
createProperties[1][roomTypes][1][name]:
White 1
createProperties[1][roomTypes][1][qty]:
2
createProperties[1][roomTypes][1][minPrice]:
10.00