index.html

<!DOCTYPE html>
<html >
  <head>
    <meta charset="UTF-8">
    <title>Telefonski imenik</title>
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/style.css">
  </head>


<body>

  <div class="col-md-6">
      <form id="inputForm" method="POST">
        <header>Unesi svoje podatke</header>
            <label>Id<span>*</span></label>
            <input type="text" name="id"></input>
            <div class="help">Samo update</div>

            <label>Ime<span>*</span></label>
            <input type="text" name="ime"></input>
            <div class="help">Najmanje 2 znaka</div>

            <label>Prezime <span>*</span></label>
            <input type="text" name="prezime"></input>
            <div class="help">Ne zaboravite veliko slovo</div>

            <label>Adresa<span>*</span></label>
            <input type="text" name="adresa"></input>
            <div class="help">Unesite i poštanski broj</div>

            <label>Broj telefona<span>*</span></label>
            <input type="text" name="broj_telefona"></input>
            <div class="help">Mobilnog, ne kućnog</div>

            <label>Datum rođenja<span>*</span></label>
            <input type="text" name="datum_rodenja"></input>
            <div class="help">DD/MM/YY format</div>
            <input type="submit" id="saveButton"></input>
      </form>

      <form action="api/cds/delete.php" method="POST" >
        <header>Obrisi prema ID-u</header>
            <label>Id<span>*</span></label>
            <input type="text" name="id"></input>
            <div class="help">Upisi id iz tablice</div>
            <input type="submit" id="button"></input>
      </form>

  </div>

  <div class="col-md-6">
    <div class="well" id="result">
    </div>

  </div>

    <script type="text/javascript" src="assets/js/jquery-1.12.3.js"></script>
    <script type="text/javascript" src="assets/js/controller.js"></script>
    <script type="text/javascript">
    $.ajax({
    type:'GET',
    url:'api/cds/read.php',
    data:'',
    success: function(data){
            $('#result').html(data);
    }
});
    </script>


</body>
</html>