Links

by Kelly Hawker

HTML

<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<div class="usefulCon">

</div>

JavaScript

$(document).ready(function() {

  doAjax({
    type: 'GET',
    url: `https://zauaedudamedia.blob.core.windows.net/prd/au_usefullinks.json`
  }).then((response) => getUsefulLinks(response.data));

  function getUsefulLinks(pushItem) {
    pushItem.map(function(data) {

      let dataCat = data.category;

      let dataOut = `<div>${dataCat}</div>`;


      data.links.forEach((link) => {
        dataOut += `<li><a href="${link.url}">${link.text}</a></li>`;
      });

      $('.usefulCon').append(dataOut);

    });

  }

  async function doAjax(settings) {
    let result
    try {
      result = await $.ajax(settings);
      return result;
    } catch (error) {
      console.log(error)
    }
    console.log(result, 'Result')
  }

});