lawang code

lawang Code


Tanyakan kode disini

Cara menampilkan pesan konfirmasi sebelum keluar browser dan request ajax

oleh handita okviyanto 4 tahun yang lalu

Untuk membuat konfirmasi dialog sebelum keluar browser atau pindah navigasi url dan melakukan aksi yang lain anda dapat menggunakan jquery sebagai motornya.

Misalkan anda sedang mendeteksi apakah pengguna melakukan perubahan terhadap form data, jika iya maka jangan tampilkan pesan jika tidak maka anda akan melakukan pesan dan melakukan request ajax ke halaman tertentu baru pindah navigasi / keluar.

Untuk melakukan hal tersebut anda dapat menggunakan contoh fungsi seperti berikut ini :

$( window ).bind( 'beforeunload', function() {
    var kode_penjualan=$('#Penjualan_kode_kontak_FK').val();
    if(jQuery.isEmptyObject(kode_penjualan)){
        hasil='Anda belum memasukkan kode pelanggan. Record penjualan ini akan hilang jika anda meninggalkan halaman ini';
        return hasil;
    }

});
$(window).bind('unload',function(){
    var kode_penjualan=$('#Penjualan_kode_kontak_FK').val();
    if(jQuery.isEmptyObject(kode_penjualan)){
        $.ajax({
            url:'/data/hapus',
            type:'POST',
            async:false,
            success:function(data){
                alert(data);
            },
        });
    }
});

Dari kode diatas ane mencoba untuk mengecek apakah kode_penjualan telah diinput user atau belum, kalau belum berarti pesan itu akan muncul dan akan mengirimkan data request ke url data/hapus dan ingat untuk parameter async harus dijadikan false karena untuk menunggu request selesai dari browser sehingga baru pindah navigasi..

Semoga bermanfaat

jquery javascript
Anda harus login terlebih dahulu untuk memberikan komentar

Recent Tag

X 4
X 6
X 1
X 21
X 3
X 1
X 164
X 1
X 2

Bantuan

Help

Feedback

Help