test 3

by RomainMazB

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/mootools/1.6.0/mootools-core.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mootools-more/1.6.0/mootools-more-compressed.js"></script>
<h3>HTML:</h3>
<p id="result"></p>

CSS

p {
  padding: 10px;
}

p {
  margin: 5px;
  border: 1px dotted #999;
}

JavaScript

fetch("/echo/json/", {
        method: "POST",
        headers: {
          "Content-Type": "Content-Type: application/json; charset=utf-8"
        },
        data: "{first: { name: 'Name of first', phone: '0000000000'},second: { name: 'Name of second', phone: '0000000000'},third: { name: 'Name of third', phone: '0000000000'}}"
      })
      .then((response) => response.text())
      .then((responseText) => {
        document.querySelector("#result").innerHTML = responseText
      })
      .catch((error) => {
        console.error(error)
      });