Untitled

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Obrtnička škola Koprivnica - Raspored sati</title>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js" integrity="sha256-0YPKAwZP7Mp3ALMRVB2i8GXeEndvCq3eSl/WsAl1Ryk=" crossorigin="anonymous"></script>
  <script src="js/xlsx.full.min.js"></script>

  <script>
    $(function(){
    $.ajax({url:"data.json", //jquery ajax koji pobira data iz data.json
    dataFilter: function( result, json){ //result je varijabla u koju sprema
      var data = result; //nez zakaj sam ovo napravil ali jesam <:)
                $( "#tags" ).autocomplete({
          source: data  //source za autocomplete jquery plugin, dela z arrayom provjereno
           });
          console.log(data); //u konzoli lepo vidis array rezultat
    }
    });
  });


          //sad ti meni reci pajdo zakaj ovo ne dela jer ako napisem data = *celi json file zalepi ovde*; onda oce autokomplitati, znaci isti data ima ko i ono kaj sam povlekel s jquery ajaxom... link na autocomplete plugin https://jqueryui.com/autocomplete/, ima API documentation ako oces pogledat
</script>


</head>


<body>

      <div class="ui-widget">
          <label for="tags">Tags: </label>
        <input id="tags">
      </div>

</body>
</html>