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 3 tahun yang lalu

2 Jawaban:

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

avatar lyop
@lyop

4 Kontribusi 2 Poin

Dipost 3 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 3 tahun yang lalu

Login untuk ikut Jawaban