ajax

<!DOCTYPE html>
<html>
<head>
	<title>Percobaan Ajax</title>
	<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
	<script type="text/javascript" src="assets/js/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>

</head>
<body>
<h3 class="text-center">PPDB ESDEH !1!1</h3>
<div class="col-lg-6 col-lg-offset-3">
	<input type="text" name="nama" id="nama" class="form-control"><br>
	<input type="text" name="alamat" id="alamat" class="form-control"><br>
	<input type="text" name="wali" id="wali" class="form-control"><br>
	<input type="text" name="wali" id="wali" class="form-control"><br>
	<button id="tombol" class="btn btn-primary">Add</button>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        $("#tombol").on('click', function () {
            var nama = $("#nama");
            var alamat = $("#alamat");
            var wali = $("#wali");
            var asal = $("#asal");

            if (isNotEmpty(nama) && isNotEmpty(alamat) && isNotEmpty(wali) &&
                isNotEmpty(asal)) {
                alert('Process Starting');
                $.ajax({
                    url: 'proses.php',
                    method: 'POST',
                    dataType: 'text',
                    data: {
                        nama: nama.val(),
                        alamat: alamat.val(),
                        wali: wali.val(),
                        asal: asal.val()

                    },success: function (response) {
                        alert(response)
                    }


                })
            }
            function isNotEmpty(caller) {
            if (caller.val() == '') {
                alert('Harap Di Isi Semua Cok !1!1');
                return false;
            }
            else{
                return true;
            }
        }
        })
    });
</script>
</body>
</html>