Popular

Java Backend Part 36 - CrossOrigin

on

 Javascript test fetching:


<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>Display API Data</title>

</head>

<body>

  <div id="data-container"></div>


  <script>

    async function fetchData() {

      try {

        const response = await fetch('http://localhost:8080/api/v1/products');

        if (!response.ok) {

          throw new Error('Network response was not ok');

        }

        const data = await response.json();

        displayData(data);

      } catch (error) {

        console.error('Fetch error:', error);

      }

    }


    function displayData(items) {

      const container = document.getElementById('data-container');

      container.innerHTML = '';


      items.forEach(item => {

        const div = document.createElement('div');

        div.textContent = JSON.stringify(item);

        container.appendChild(div);

      });

    }


    fetchData();

  </script>

</body>

</html>

Comments

Post a Comment