AJAXnoRELOAD

<script>
        $( document ).ready(function() {
            var aezakmi;
            refresh();
            // console.log('aaa');
            function refresh(){
                $("#nama").val("");
        $("#umur").val("");
            $("#simpan").val("Simpan");

                $.ajax({
            type : "POST",
            url   : 'proses.php?k=show',
            async : false,
            dataType : 'json',
            success : function(data){
                var html = '';
              for(var i=0; i<data.length; i++){
                html += '<tr>';
                html += '<td>'+(i+1)+'</td>';
                html += '<td data="'+data[i].nama+'">'+data[i].nama+'</td>';
                html += '<td data="'+data[i].umur+'">'+data[i].umur+'</td>';
                html += '<td><a href="#" data="'+data[i].nama+'" val="'+data[i].umur+'" class="edit">edit</a>||<a data="'+data[i].nama+'" href="#" class="hapus">hapus</a></td>';
                html += '</tr>';
                }
                $('#tabel').html(html);
                }
                });
            }

        $("#simpan").on('click',function(){
            var aksi = $("#simpan").val();
            var nama = $("#nama").val();
            var umur = $("#umur").val();
            if(aksi == "Simpan"){
                $.ajax({
                type : "POST",
                url   : 'proses.php?k=insert',
                async : false,
                data : {nama:nama,umur:umur},
                dataType : 'json',
                success : function(data){
                    refresh();
                }
            });
            }else{
                $.ajax({
                type : "POST",
                url   : 'proses.php?k=update',
                async : false,
                data : {nama:nama,umur:umur,kode:aezakmi},
                dataType : 'json',
                success : function(data){
                    refresh();
                }
            });
            }
        });

      $("#tabel").on('click','.edit',function(){
        var nama = $(this).attr('data');
        aezakmi = nama;
        var umur = $(this).attr('val');
        $("#nama").val(nama);
        $("#umur").val(umur);
        $("#simpan").val("Ubah");
        });

      $("#tabel").on('click','.hapus',function(){
        var kode = $(this).attr('data');
        $.ajax({
          type : "POST",
          url   : 'proses.php?k=delete',
          async : false,
          data : {kode:kode},
          dataType : 'json',
          success : function(data){
            refresh();
          }
      });
        });
    });

    </script>