Advertisement
joris

Submit Ajax

Dec 13th, 2012
110
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 5.29 KB | None | 0 0
  1. $(document).ready(function() {
  2.     normal()
  3.     $("#kota").change(function(){
  4.         var kota = $("#kota").val();
  5.         $("#kota_detail").removeAttr('disabled');
  6.         //$("#biaya").val("");
  7.         $.ajax({
  8.             url: "ambil_kota2.php",
  9.             data: "kota="+kota,
  10.             cache: false,
  11.             success: function(msg){
  12.                 $("#kota_detail").html(msg);
  13.             }
  14.         });
  15.       });
  16.      
  17.       function normal(){
  18.           $('#pertama').show();
  19.           $('#kedua').hide();
  20.       }
  21.      
  22.       $("#kota_detail").change(function(){
  23.         var idzone = $("#kota_detail").val();
  24.         var zone = $(this).find('option:selected').text();
  25.         $("#nama_kota").val(zone);
  26.         $.ajax({
  27.             url: "ambil_zone.php",
  28.             data: "zone="+idzone,
  29.             cache: false,
  30.             success: function(msg){
  31.                 $("#pembayaran").html(msg);
  32.             }
  33.         });
  34.       });
  35.      
  36.       $("#pembayaran").change(function(){
  37.          var hasil = $(this).find('option:selected').text();
  38.          $("#aaa").val(hasil);
  39.          if(hasil=='TV Voucher'){
  40.              $('#pertama').hide();
  41.              $('#kedua').show();
  42.              $('#ketiga').hide();
  43.          }else{
  44.              $('#pertama').show();
  45.              $('#kedua').hide();
  46.              $('#ketiga').show();
  47.         }
  48.       });
  49.  
  50.   function LoadingWithSubmit(){
  51.         $.blockUI({
  52.             message:  '<h4><img src="js/loading.gif" /> Please waiting for a seconds...</h4>',
  53.         });
  54.  
  55.         setTimeout(function() {
  56.             $.unblockUI({
  57.                 onUnblock: function(){
  58.                     //Proses setelah 2 detik delay
  59.                     alert('onUnblock');
  60.                 }
  61.             });
  62.         }, 7000);  
  63.   }
  64.  
  65.  
  66.   function Loading(){
  67.         $.blockUI({
  68.             message:  '<h4><img src="js/loading.gif" /> Please waiting for a seconds...</h4>',
  69.             timeout:   7000
  70.         });
  71.     }
  72.    
  73.     function Sukses(){
  74.         $.blockUI({
  75.             message:  '<h4><img src="js/sukses.png" /> Data anda telah berhasil terkirim.</h4>',
  76.             timeout:   5000
  77.         });
  78.         normal()
  79.     }
  80.    
  81.     function LoadingWithIcon(){
  82.         $.blockUI({ message: '<h4><img src="js/loading.gif" /> Please waiting for a seconds...</h4>' });
  83.             setTimeout(function() {
  84.                     $.unblockUI({
  85.                     onUnblock: function(){
  86.                 LoadingSelesai();
  87.             }
  88.             });
  89.         }, 7000);  
  90.     }
  91.  
  92.     function LoadingSelesai(){
  93.         $.blockUI({
  94.             theme:     true,
  95.             title:    'Status : Success',
  96.             message:  '<p>Terima kasih telah menunggu. Data anda telah disimpan di aplikasi</p>',
  97.             timeout:   5000
  98.         });    
  99.     }
  100.    
  101.     function LoadingError(){
  102.         $.blockUI({
  103.             theme:     true,
  104.             title:    'Status : Error !',
  105.             message:  '<p>Aplikasi gagal melakukan submit data. Silahkan periksa lagi inputan anda.</p>',
  106.             timeout:   5000
  107.         });    
  108.     }
  109.    
  110.    
  111.  
  112.     $("#submit").click(function() {
  113.         var genre           = $("#inisial").val();
  114.         var name            = $("#nama").val();
  115.         var tempatLahir     = $("#tempatLahir").val();
  116.         var tanggalLahir    = $("#tanggalLahir").val();
  117.         var bulanLahir      = $("#bulanLahir").val();
  118.         var tahunLahir      = $("#tahunLahir").val();
  119.         var telp            = $("#telp").val();
  120.         var mobile          = $("#mobile").val();
  121.         var alamat_tagih    = $("#alamat").val();
  122.         var email           = $("#email").val();
  123.         var paket           = $("#paket").val();
  124.         var kd_datel        = $("#continent").val();
  125.         var kota            = $("#nama_kota").val();
  126.         var kd_sales        = $("#kd_sales").val();
  127.         var http_refer      = $("#http_refer").val();
  128.         var minipack        = $("#minipack").val();
  129.         var rt              = $("#rt").val();
  130.         var rw              = $("#rw").val();
  131.         var kel             = $("#kel").val();
  132.         var no              = $("#no").val();
  133.         var kdpos           = $("#kdpos").val();
  134.        
  135.         var ibu             = $("#ibu").val();
  136.         var id_pln          = $("#id_pln").val();
  137.         var sodara          = $("#sodara").val();
  138.         var telp_sodara     = $("#telp_sodara").val();
  139.        
  140.         var jenis           = $("#aaa").val();
  141.        
  142.         var paket2          = $("#paket2").val();
  143.  
  144.     var dataString  = ""
  145.     var dataString  = 'genre='+ genre + '&name=' + name + '&tempatLahir=' + tempatLahir + '&tanggalLahir=' + tanggalLahir + '&bulanLahir=' + bulanLahir + '&tahunLahir=' + tahunLahir+ '&telp=' + telp+ '&mobile=' + mobile+ '&alamat_tagih=' + alamat_tagih+ '&email=' + email+ '&paket=' + paket+ '&kd_datel=' + kd_datel+ '&kota=' + kota+ '&kd_sales=' + kd_sales+ '&http_refer=' + http_refer+ '&minipack=' + minipack+ '&rt=' + rt+ '&rw=' + rw+ '&kel=' + kel+ '&no=' + no+ '&kdpos=' + kdpos+ '&ibu=' + ibu+ '&id_pln=' + id_pln+ '&sodara=' + sodara+ '&telp_sodara=' + telp_sodara+ '&jenis=' + jenis+ '&paket2=' + paket2;
  146.  
  147. if(name=='' || tempatLahir=='' || tanggalLahir=='Tanggal' || bulanLahir=='Bulan' || tahunLahir=='' || telp=='' || mobile=='' || email=='' || alamat_tagih=='' || rt=='' || rw=='' || no=='' || kel=='' || kd_datel=='' || kota=='' || kota=='--Pilih--' || kdpos=='' || ibu=='' || id_pln=='' || sodara=='' || telp_sodara=='' || jenis=='--Pilih--' || jenis==''){
  148.                 bootbox.dialog("Maaf, Anda belum mengisi seluruh <b>Data Dengan Lengkap</b>. Silahkan diperiksa lagi.", [{
  149.                     "label" : "Back to form!",
  150.                     "class" : "btn-danger",
  151.                     "icon"  : "icon-ok-sign icon-white"
  152.                 }]);
  153.     }else{
  154.         Loading();
  155.         $.ajax({
  156.             type: "POST",
  157.             url: "prosesSubscribe.php",
  158.             data: dataString,
  159.             cache: false,
  160.             success: function(data){
  161.                 $.unblockUI();
  162.                 $('#subscribe')[0].reset();
  163.                 $('#kota_detail').empty();
  164.                 Sukses();
  165.             },
  166.             error: function(){
  167.                 LoadingError()
  168.             }
  169.         });// Akhir Fungsi Ajax  Submit
  170.        
  171.  
  172.         }
  173.         return false;
  174.     });
  175.    
  176. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement