Insert data 1 kali menggunakan ajax malah keinputnya 2 kali

ada yg tau masalah nya ? jika saya insert data menggunakan ajax malah 2 kali kepanggil nya, jadi yg masuk datannya 2 kali...

ini code ajax nya

$(document).on('click', '.send_chat', function(){

  var to_user_id   = $(this).attr('id');
  var chat_message = $('#chat_message_'+to_user_id).val();
  //mengambil value/isi pesan di chatbox susuai user
  if(chat_message == ''){
   // alert('Mohon Isi Pesan... ');
  }else{
   $.ajax({
         url: 'chat/insert_chat.php',
         method : "POST",
         data :{to_user_id:to_user_id, chat_message:chat_message}

      }).done(function(data){
         //mengosongkan input setelah mengirim pesan
         $('#chat_message_'+to_user_id).val('');
         //Hasil Chat akan di kirim ke chatstory
         $('#chat_history_'+to_user_id).html(data);
      });
   }

});

ini kode .PHP untuk insertnya

<?php
require_once 'core.php';

  $to_user_id   = $_POST['to_user_id'];
  $chat_message = $_POST['chat_message'];
  $from_user_id = $_SESSION['user_id'];
  $status = '1';

 $query = "INSERT INTO txmessage_chat
         (ftname_sender, ftrecipient_msg, ftfill_msg, fnstatus)
   VALUES ('$from_user_id', '$to_user_id', '$chat_message', '$status')";

  $result = mysqli_query($link,$query);

  //ketika chat berhasil terkirim maka chat history akan tampil

  if($result){

     echo fetch_user_chat_history($from_user_id,$to_user_id);

  }


?>

ini di network inspek element nya .PHP ini dipanggil 2 kali jadi keinsert nya 2

avatar abubakar
@abubakar

72 Kontribusi 19 Poin

Diperbarui 4 tahun yang lalu

Tanggapan

tampilkan full code di html+js nya

1 Jawaban:

Hai @abubakar kamu bisa gunakan preventDefault. <pre> $(document).on('click', '.send_chat', function(e){ //your code e.preventDefault(); } </pre>

avatar bosque
@bosque

187 Kontribusi 104 Poin

Dipost 4 tahun yang lalu

Tanggapan

masih belum bisa deh bang bosque

Login untuk ikut Jawaban