Tahun baru, skill baru! 🚀. Masukkan kupon "skill2025" untuk diskon 30% di kelas apa saja

Mengambil data di form dengan ajax (formdata)

selamat sore gan... bagaimana caranya agar data yang ada pada form dapat terbaca oleh ajax dan tersimpan ke database?

mohon petunjuknya agan2 sekalian

$('#btn-simpan').click(function(){ // Ketika tombol simpan di klik
    $('#loading-simpan').show() // Munculkan loading simpan

    var file_data = $('#gambar').prop('files')[0];
    var form_data = new FormData();

    form_data.append('file', file_data);
    $.ajax({
      url: base_url + 'lhp/simpan', // point to server-side PHP script
      dataType: 'json',  // what to expect back from the PHP script, if anything
      cache: false,
      contentType: false,
      processData: false,
      data: form_data,
      type: 'post',
      beforeSend: function(e) {
        if(e && e.overrideMimeType) {
          e.overrideMimeType('application/jsoncharset=UTF-8')
        }
      },
      success: function(response){ // Ketika proses pengiriman berhasil
        $('#loading-simpan').hide() // Sembunyikan loading simpan

        if(response.status == 'sukses'){ // Jika Statusnya = sukses
          // Ganti isi dari div view dengan view yang diambil dari proses simpan.php
          $('#view').html(response.html)


          $('#pesan-sukses').html(response.pesan).fadeIn().delay(10000).fadeOut()

          $('#form-modal').modal('hide') // Close / Tutup Modal Dialog

          // Bersihkan teks saat modal di close
          document.getElementById("idrekomendasi").value = "";
          document.getElementById("no_lhp").value = "";
          document.getElementById("no_lhp1").value = "";
          document.getElementById("tgl_lhp").value = "";
          document.getElementById("idskpd").value = "";
          document.getElementById("idpemeriksa").value = "";
          document.getElementById("thn_periksa").value = "";
          document.getElementById("obyek_periksa").value = "";
          document.getElementById("uraian").value = "";
          document.getElementById("skpd").value = "";
          document.getElementById("pemeriksa").value = "";
        }else{ // Jika statusnya = gagal

          $('#pesan-error').html(response.pesan).show()
        }
      },
      error: function (xhr, ajaxOptions, thrownError) { // Ketika terjadi error
        alert(xhr.responseText) // munculkan alert
      }
    })
  })

avatar bgpoels
@bgpoels

35 Kontribusi 2 Poin

Diperbarui 4 tahun yang lalu

2 Jawaban:

program this->db>insert(); udah ada belum gan ?

avatar lyop
@lyop

4 Kontribusi 2 Poin

Dipost 4 tahun yang lalu

sudah gan... itu saya letak pada model nya gan, seperti dibawah ini : public function save($msg){ $data = array( "no_lhp" => $this->input->post('no_lhp1'), "idskpd" => $this->input->post('idskpd'), "idpemeriksa" => $this->input->post('idpemeriksa'), "tgl_tlhp" => $this->input->post('tgl_tlhp'), "ket" => $this->input->post('ket'), "nominal" => format_num($this->input->post('nominal')), "status" => $this->input->post('status'), "idrekomendasi" => $this->input->post('idrekomendasi'), "filename"=>$msg ); return $this->db->insert('tlhp', $data); }

avatar bgpoels
@bgpoels

35 Kontribusi 2 Poin

Dipost 4 tahun yang lalu

Login untuk ikut Jawaban