tidak dapat mangambil data input dengan CRUD dengan AJAX ?

Saya dapat masalah nih gan, //Form yang udah saya buat :

   <textarea id="postingan" name="postingan" placeholder="Apa kabar Oceanographers UNDIP ?"></textarea>
   <input  id="InsertPosting" name="InsertPosting" type="submit" value="Submit" ></input>

saya mengunakan AJAX untuk mengambil value dari id="postingan", berikut : Pada langkah ini masih bisa mendapatkan value nya pada console setelah klik Submit.

<script type="text/javascript">

  $('#InsertPosting').on('click',function(){
     console.log($('#postingan').val());
  });

</script>

Tapi, saat saya sudah lanjut ke kode berikut ini dan kemudian submit, saya tidak memperoleh value nya pada console dan saya juga udah mencoba INSERT ke database ternyata value nya kosong.

<script type="text/javascript">

     $('#InsertPosting').on('click',function(){
        var isi = $('#postingan').val();
        $.ajax({
           method: 'POST',
           url: 'Insert_Postingan.php',
           data: { isipostingan : isi },
           success: function(data) {
              console.log(data);
           }
        });
     });

</script>

dan kode pada file Insert_Postingan.php :

  <?php
    echo $_POST['isipostingan'];
  ?>

Mohon penjelasan masalah ini gan.

avatar dodipsitorus
@dodipsitorus

412 Kontribusi 145 Poin

Diperbarui 7 tahun yang lalu

6 Jawaban:

Jawaban Terpilih

ane udah coba gan, berhasil kok ga ada masalah...

coba penulisannya kaya gini gan..

$(document).on('click', '#InsertPosting', function(){
        var isi = $('#postingan').val();

        $.ajax({
          url: "data_coba.php",
          method: "POST",
          data: {isis:isi},
          success: function(data){
            alert(data);
          }
        });
      });
avatar BadRabbit
@BadRabbit

149 Kontribusi 56 Poin

Dipost 7 tahun yang lalu

Makin parah lgi gan, sebelum mengunakan $.ajax nilai $('#postingan').val(); gk bisa diambil (di alert)

avatar dodipsitorus
@dodipsitorus

412 Kontribusi 145 Poin

Dipost 7 tahun yang lalu

Permasalahan nya sepertinya ada di sini gan :

 $.ajax({ method: 'POST', url: 'Insert_Postingan.php', data: { isipostingan : isi }, success: function(data) { console.log(data); } });

avatar dodipsitorus
@dodipsitorus

412 Kontribusi 145 Poin

Dipost 7 tahun yang lalu

Judulnya bikin ane pusing haha. mungkin yang dimaksud mirip2 gini. http://stackoverflow.com/questions/24837215/how-to-send-input-file-data-value-using-ajax-to-a-php-page kalo ane baca2 deskripsi diatas. jadi pengennya itu bisa ngisi form input trus pas di submit datanya masuk ke file php seperti itu kah?? php ane masih basic jd g terlalu paham apa yang bisa dilakukan php selain koneksiin database, ajax ane jg mudeng dikit2 tapi ane taunya cuma nampilin data lewat ajax misalnya file json.

avatar wandifrog
@wandifrog

274 Kontribusi 56 Poin

Dipost 7 tahun yang lalu

Heheh salah ketik gan, udah dini hari.. makhlum ane ngantuk gan hahhaha Oke ane coba dulu gan..

avatar dodipsitorus
@dodipsitorus

412 Kontribusi 145 Poin

Dipost 7 tahun yang lalu

Okee gan, udahh bisaa.. ternyata ada masalah di kode-kode sebelumnya.. hehhe

avatar dodipsitorus
@dodipsitorus

412 Kontribusi 145 Poin

Dipost 7 tahun yang lalu

Login untuk ikut Jawaban