HTML / CSS Javascript Native Pemrograman PHP Web

Cara Membuat Komentar Bertingkat dari Database Menggunakan Ajax Pada PHP

February 20, 2019
dewan
51 Comments

Cara Membuat Komentar Bertingkat Pada PHP – Hai melanjutkan tutorial sebelumnya yang berjudul Membuat Nested Media Object pada Bootstrap 4, pada kali ini saya akan membuat kolom komentar yang  mengambil datanya dari database mysql/mariadb menggunakan bahasa pemrograman PHP. Saya akan membuatnya menggunakan media object tentunya dan komentar ini bisa di reply sehingga akan menghasilkan tampilan treeview/bertingkat/berjenjang. Pada contoh di bawah ini saya juga menggunakan Ajax supaya tidak perlu loading dalam menampilkan komentar yang terbarunya.

Membuat Database MySQL

1. Pertama yang WAJIB ada yaitu sobat harus membuat sebuah database. Sobat bisa menggunakan tools bantu seperti navicat, heidi SQL atau lainnya. Sobat juga bisa membuatnya dengan mengakses url localhost/phpmyadmin -> klik tab Database dan tuliskan db_dewankomputer-> Klik tombol Create/Buat.

2. Buat tabel untuk mengetes nantinya apakah benar-benar terkoneksi atau belum dengan mengetikkan query dibawah ini pada tab SQL lalu klik tombol Kirim/Go

CREATE TABLE `tbl_komentar`  (
  `komentar_id` int(11) NOT NULL AUTO_INCREMENT,
  `parent_komentar_id` int(11) NOT NULL,
  `komentar` varchar(200) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL,
  `nama_pengirim` varchar(40) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL,
  `date` timestamp(0) NOT NULL DEFAULT CURRENT_TIMESTAMP(0),
  PRIMARY KEY (`komentar_id`) USING BTREE
)

 

3. Isikan data pada tbl_komentar dengan mengetikkan query dibawah ini

INSERT INTO `tbl_komentar` VALUES (1, 0, 'tes komentar 1', 'Dewan', '2019-03-22 18:57:03');
INSERT INTO `tbl_komentar` VALUES (2, 1, 'balasan komentar 1', 'Komputer', '2019-03-22 18:57:13');
INSERT INTO `tbl_komentar` VALUES (3, 2, 'balasan anak komentar 1', 'Dini', '2019-03-22 18:57:34');
INSERT INTO `tbl_komentar` VALUES (4, 1, 'Balasan Komentar 2', 'Dono', '2019-03-22 18:57:49');

 

Menampilkan Data dari Database MySQL dengan Ajax

Untuk mempercantik tampilan saya menggunakan bootstrap 4. Langsung saja saya berikan tutorialnya yaitu :

1. Pertama buatlah folder pada htdocs, pada contoh saya beri nama folder dewan-komentar.

2. Buatlah file koneksi.php pada folder project sobat dan isikan dengan script dibawah

<?php
define('HOST','localhost');
define('USER','root');
define('PASS','');
define('DB1', 'db_dewankomputer');

// Buat Koneksinya
$db1 = new mysqli(HOST, USER, PASS, DB1);
?>

isikan sesuai dengan host, user, password, dan nama database sobat. Untuk contoh di bawah ini saya berinama database dengan nama db_dewankomputer.

Jika sobat ingin tahu cara mengkoneksikan dengan dua database atau lebih dalam satu aplikasi maka sobat bisa kunjungi postingan dibawah ini

Cara Membuat Koneksi dengan Database MySQL bisa Dua atau Lebih Koneksi database/Multiple Connection dalam Satu Host maupun beda Host Menggunakan PHP – Part 3

 

3. Buatlah file index.php pada folder sobat dan isikan dengan script dibawah ini

Di paling atas atau pada baris pertama diatas tag <html> kita tambahkan baris berikut untuk membuat session csrf_token

<?php
//Mengirimkan Token Keamanan Ajax Request (Csrf Token)
session_start();
if (empty($_SESSION['csrf_token'])) {
  $_SESSION['csrf_token'] = bin2hex(random_bytes(32));
}
?>

Pada tag <head> 

<!-- Csrf Token -->
<meta name="csrf-token" content="<?= $_SESSION['csrf_token'] ?>">

Karena kita menggunakan Ajax maka kita perlu csrf token untuk membatasi siapa saja yang bisa mengakses url. Ini berfungsi untuk keamanan dalam pertukaran datanya.

Kemudian tambahkan css untuk mempercantik tampilan pada contoh kali ini saya menggunakan bootstrap.

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.css" rel="stylesheet">

Pada tag <body> bagian bawah isikan

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

Karena ini hanya demo maka saya menggunakan css dan js online. Jika untuk kepentingan development disarankan untuk mendownload terlebih dahulu librarinya atau nanti sobat bisa download project di akhir postingan.

Pada tag <body> isikan script dibawah untuk membuat form dan menampilkan komentarnya

<nav class="navbar navbar-dark bg-danger fixed-top">
  <a class="navbar-brand" href="index.php" style="color: #fff;">
    Dewan Komputer
  </a>
</nav>

<div class="container mb-3">
	<h2 align="center" style="margin: 60px 10px 10px 10px;">Contoh Komentar PHP Ajax</h2><hr>
	<form method="POST" id="form_komen">
		<div class="form-group">
			<input type="text" name="nama_pengirim" id="nama_pengirim" class="form-control" placeholder="Masukkan Nama" />
		</div>
		<div class="form-group">
			<textarea name="komen" id="komen" class="form-control" placeholder="Tulis Komentar" rows="5"></textarea>
		</div>
		<div class="form-group">
			<input type="hidden" name="komentar_id" id="komentar_id" value="0" />
			<input type="submit" name="submit" id="submit" class="btn btn-info" value="Submit" />
		</div>
	</form>
	<hr>
	<h4 class="mb-3">Komentar :</h4>
	<span id="message"></span>
   
   	<div id="display_comment"></div>
</div>

<div class="navbar bg-dark">
	<div style="color: #fff;">© <?php echo date('Y'); ?> Copyright:
	    <a href="https://dewankomputer.com/"> Dewan Komputer</a>
	</div>
</div>

 

4. Masih di index.php, pada kolom body paling bawah tepatnya dibawah plugin jquery kita tambahkan script dibawah

	<script>
		$(document).ready(function(){
			//Mengirimkan Token Keamanan
			$.ajaxSetup({
	            headers : {
	                'Csrf-Token': $('meta[name="csrf-token"]').attr('content')
	            }
	        });
        
			$('#form_komen').on('submit', function(event){
				event.preventDefault();
				let nama_pengirim = $('#nama_pengirim').val();
				let komen = $('#komen').val();
				
				if(nama_pengirim==''){
				    alert("Nama Pengirim Harus disii");
				} else if(komen==''){
				    alert("Komentar Harus disii");
				} else {
    				var form_data = $(this).serialize();
    				$.ajax({
    					url:"tambah_komentar.php",
    					method:"POST",
    					data:form_data,
    					success:function(data){
    						$('#form_komen')[0].reset();
    						$('#komentar_id').val('0');
    						load_comment();
    					}, error: function(data) {
    		            	console.log(data.responseText)
    		            }
    				})
				}
			});

			load_comment();

			function load_comment(){
				$.ajax({
					url:"ambil_komentar.php",
					method:"POST",
					success:function(data){
						$('#display_comment').html(data);
					}, error: function(data) {
		            	console.log(data.responseText)
		            }
				})
			}

			$(document).on('click', '.reply', function(){
				var komentar_id = $(this).attr("id");
				$('#komentar_id').val(komentar_id);
				$('#nama_pengirim').focus();
			});
		});
	</script>

Penjelasan :

1. Pada kode dibawah adalah untuk mengirim csrf token saat menggunakan Ajax. Sobat bisa menempatkan kode ini pada main.js yang mana file tersebut kita indludekan di setiap file sehingga kita tidak perlu menambahkan kode ini pada setiap file atau pada setiap Ajax. Cara ini lebih memudahkan kita karena kita hanya sekali menuliskan kode dibawah. Kode ini adalah kode yang akan dikirimkan setiap kita membuat ajax.

$.ajaxSetup({
    headers : {
        'Csrf-Token': $('meta[name="csrf-token"]').attr('content')
    }
});

 

2. Kode dibawah adalah untuk menyimpan komentar ke dalam database, nilai pada form dengan id=’form_komen’ akan diambil nilainya dan dikirimkan ke url tambah_komentar.php dengan method POST dan jika berhasil maka form akan direset atau dikosongkan lalu komentar_id diisi dengan 0 dan merefresh komentar.

$('#form_komen').on('submit', function(event){
	event.preventDefault();
	var form_data = $(this).serialize();
	$.ajax({
		url:"tambah_komentar.php",
		method:"POST",
		data:form_data,
		success:function(data)
		{
			$('#form_komen')[0].reset();
			$('#komentar_id').val('0');
			load_comment();
		}, error: function(data) {
		        console.log(data.responseText)
		}
	})
});

Sedangkan pada kode dibawah adalah untuk mengambil komentar dari database dan menampilkannya pada div dengan id=’display_comment’

function load_comment()
{
	$.ajax({
		url:"ambil_komentar.php",
		method:"POST",
		success:function(data){
			$('#display_comment').html(data);
		}, error: function(data) {
		        console.log(data.responseText)
		}
	})
}

Terakhir pada kode dibawah adalah untuk mengganti id yang ada pada input text yang disembunyikan sehingga sistem tahu jika user sedang membalas komentar yang mana

$(document).on('click', '.reply', function(){
	var komentar_id = $(this).attr("id");
	$('#komentar_id').val(komentar_id);
	$('#nama_pengirim').focus();
});

 

5. Untuk keamanan karena kita menggunakan header pada ajax, kita perlu membuat file csrf.php kemudian isikan dengan script dibawah

  <?php
    header('Content-Type: application/json');

    //Mengirimkan Token Keamanan
    if (empty($_SESSION['csrf_token'])) {
        $_SESSION['csrf_token'] = bin2hex(random_bytes(32));
    }
    
    $headers = apache_request_headers();
    if (isset($headers['Csrf-Token'])) {
        if ($headers['Csrf-Token'] !== $_SESSION['csrf_token']) {
            exit(json_encode(['error' => 'Wrong CSRF token.']));
        }
    } else {
        exit(json_encode(['error' => 'No CSRF token.']));
    }
  ?>

Catatan :

– Jika setelah ditambahkan csrf terjadi error dengan pasan ‘No CSRF Token’ berarti sobat belum mengirimkan csrf saat membuat ajax. Script saat mengirimkan seharusnya ada pada main.js atau file php menggunakan kode $.ajaxSetup().

– Jika sobat sudah mengirimkan dan masih ERROR yang sama mungkin kasusnya seperti yang pernah saya alami, pada ajaxSetup saya mengirimkan Csrf-Token namun yang terkirim malah csrf-token, sehingga sobat harus mengganti pada kode $headers[‘Csrf-Token’] menjadi $headers[‘csrf-token’].

-Sedangkan jika sobat mengalami error Wrong csrf token berarti token yang dikirimkan tidak sama, mungkin penyebabnya sessionn belum dimulai sehingga sistem membuat session cesr_token baru. Untuk kasus inisobat perlu menambahkan kode session_start();

 

6. Buat file tambah_komentar.php yang berfungsi untuk menyimpan komentar saat klik Simpan dan isikan dengan script dibawah ini

<?php
session_start();
include 'koneksi.php';
include 'csrf.php';

function anti($text){
	return $id = stripslashes(strip_tags(htmlspecialchars($text, ENT_QUOTES)));
}
$nama_pengirim = anti($_POST["nama_pengirim"]);
$komen = anti($_POST["komen"]);
$komen_id = anti($_POST["komentar_id"]);

$query = "INSERT INTO tbl_komentar (parent_komentar_id, komentar, nama_pengirim) VALUES (?, ?, ?)";
$dewan1 = $db1->prepare($query);
$dewan1->bind_param("sss", $komen_id, $komen, $nama_pengirim);
$dewan1->execute();

echo json_encode(['success' => 'Sukses']);
?>

Penjelasan :

– Diatas saya membuat fungsi anti() yang gunanya untuk memfilter semua inputan dari user karena jika user menginputkan tag HTML atai JAVASCRIPT jika tidak kita filter maka akan merusak tampilan aplikasi kita.

 

6. Buat file ambil_komentar.php yang berfungsi untuk mengambil komentar dari database dan isikan dengan script dibawah ini

<?php
session_start();
include 'koneksi.php';
include 'csrf.php';
$output='';

$query = "SELECT * FROM tbl_komentar WHERE parent_komentar_id = '0' ORDER BY komentar_id DESC";
$dewan1 = $db1->prepare($query);
$dewan1->execute();
$res1 = $dewan1->get_result();
while ($row = $res1->fetch_assoc()) {
  $output .= '
    <div class="media border p-3 mb-2">
      <img src="images/avatar1.png" alt="foto-user" class="mr-3 mt-3 rounded-circle" style="width:60px;">
      <div class="media-body">
      <div class="row">
        <div class="col-sm-10">
          <h4><b>'.$row["nama_pengirim"] .'</b> <small> Posted on <i>'.$row["date"].'</i></small></h4>
          <p>'.$row["komentar"].'</p>
        </div>
        <div class="col-sm-2" align="right">
          <button type="button" class="btn btn-primary reply" id="'.$row["komentar_id"].'">Reply</button>
        </div>
      </div>
      </div>
    </div>
  ';
  $output .= ambil_reply($db1, $row["komentar_id"]);
}

echo json_encode([$output]);


function ambil_reply($db1, $parent_id = 0, $marginleft = 0){
  $output='';
  $query = "SELECT * FROM tbl_komentar WHERE parent_komentar_id=?";
  $dewan1 = $db1->prepare($query);
  $dewan1->bind_param("s", $parent_id);
  $dewan1->execute();
  $res1 = $dewan1->get_result();

  $count = $res1->num_rows;
  if($parent_id == 0) {
    $marginleft = 0;
  } else {
    $marginleft = $marginleft + 48;
  }

  $tingkat = $marginleft/48+1;
  
  if($count > 0){
    while ($row = $res1->fetch_assoc()) {
      $output .= '
        <div class="media border p-3 mb-2" style="margin-left:'.$marginleft.'px">
          <img src="images/avatar2.png" alt="foto-user" class="mr-3 mt-3 rounded-circle" style="width:60px;">
          <div class="media-body">
          <div class="row">
            <div class="col-sm-10">
              <h4><b>'.$row["nama_pengirim"] .'</b> <small> Posted on <i>'.$row["date"].'</i></small></h4>
              <p>'.$row["komentar"].'</p>
            </div>';

        if($tingkat < 4){
          $output .= '
              <div class="col-sm-2" align="right">
                <button type="button" class="btn btn-primary reply" id="'.$row["komentar_id"].'">Reply</button>
              </div>';
        }

        $output .= '    
          </div>
          </div>
        </div>
      ';
      $output .= ambil_reply($db1, $row["komentar_id"], $marginleft);
    }
  }

  return $output;
}
?>

Penjelasan :

1. Kode diatas merupakan kode untuk mengambil komentar dari database dan menampilkannya secara bertingkat dan menggunakan media object. Sebenarnya intinya adalah pada fungsi ambil_reply yang berguna untuk mengambil balasan dari komentarnya dan ditampilkan berdasarkan parent idnya.

2. Pada baris include ‘csrf.php’ merupakan script untuk mengamankan dalam pertukaran data saat menggunakan Ajax. Jika tidak ada header maka siapapun dan dimanapun baik menggunakan local ataupun menggunakan server online dapat menginsert data melalui url pada Ajax. File csrf.php ini kita include-kan ke setiap file yang merupakan file action yang menggunakan Ajax dalam pertukaran datanya termasuk dalam tambah_komentar.php.

 

7. Kemudian sobat jalankan project sobat dan akan menghasilkan seperti tampilan berikut

 

Begitulah cara membuat kolom komentar bertingkat hingga suku ke-n. Tentunya sobat bisa batasi juga komentarnya sampai anak ke berapa. Sekian postingan saya tentang Cara Membuat Komentar Bertingkat dari Database Menggunakan Ajax Pada PHP. Jika ada pertanyaan silahkan sobat tinggalkan pada kolom komentar dibawah.

 

Jika sobat ingin mendownload tutorial diatas maka sobat bisa klik link dibawah ini :


Sampai jumpa pada postingan saya selanjutnya..

 

Update !!!

Jika ingin membatasi tingkatan komentarnya maka sobat bisa mengganti method/function ambil_reply() pada file ambil_komentar.php dengan script dibawah ini :

function ambil_reply($db1, $parent_id = 0, $marginleft = 0){
  $output='';
  $query = "SELECT * FROM tbl_komentar WHERE parent_komentar_id=?";
  $dewan1 = $db1->prepare($query);
  $dewan1->bind_param("s", $parent_id);
  $dewan1->execute();
  $res1 = $dewan1->get_result();

  $count = $res1->num_rows;
  if($parent_id == 0) {
    $marginleft = 0;
  } else {
    $marginleft = $marginleft + 48;
  }

  $tingkat = $marginleft/48+1;
  
  if($count > 0){
    while ($row = $res1->fetch_assoc()) {
      $output .= '
        <div class="media border p-3 mb-2" style="margin-left:'.$marginleft.'px">
          <img src="images/avatar2.png" alt="foto-user" class="mr-3 mt-3 rounded-circle" style="width:60px;">
          <div class="media-body">
          <div class="row">
            <div class="col-sm-10">
              <h4><b>'.$row["nama_pengirim"] .'</b> <small> Posted on <i>'.$row["date"].'</i></small></h4>
              <p>'.$row["komentar"].'</p>
            </div>';

        if($tingkat < 4){
          $output .= '
              <div class="col-sm-2" align="right">
                <button type="button" class="btn btn-primary reply" id="'.$row["komentar_id"].'">Reply</button>
              </div>';
        }

        $output .= '    
          </div>
          </div>
        </div>
      ';
      $output .= ambil_reply($db1, $row["komentar_id"], $marginleft);
    }
  }

  return $output;
}

Pada contoh diatas yang dilakukan adalah pada script if($tingkat < 4){ } yang mana jika tingkat komentarnya kurang dari 4 yang berarti tingkat 1,2,3 maka akan muncul tombol reply. Jika sudah ada 4 tingkat maka tombol reply tidak muncul jadi tidak mungkin akan ada tingkatan 5/6/7/dst.

Ingat banyak jalan menuju Roma jadi dalam pemrograman juga tidak hanya ada 1 cara melainkan banyak cara. Setiap programmer pasti memiliki cara tersendiri. Sobat bisa menemukan cara sendiri atau bisa menggunakan cara saya.

51 thoughts on “Cara Membuat Komentar Bertingkat dari Database Menggunakan Ajax Pada PHP”

  2. [18-Aug-2019 16:42:25 UTC] PHP Fatal error: Uncaught Error: Call to undefined method mysqli_stmt::get_result() in /home/undanga8/public_html/komentar/ambil_komentar.php:7
    Stack trace:
    #0 {main}
    thrown in /home/undanga8/public_html/komentar/ambil_komentar.php on line 7

    00:43

    Reply

  3. kodenya seperti apa?

    pada kode bagian ini salah…
    mysqli_stmt::get_result()

    biasanya itu querynya ada yang salah bisa di query/prepare/bind_paramnya

    Reply

    1. Kodenya saya pakai yang di share di atas pak membuat file ambil_komentar.php tetapi tidak bisa memunculkan komentar di file index padahal di database sudah muncul saat ada yg menginput komentar.

      Reply

      1. query sama tabelnya gimana?

        kalo sama persis kaya diatas harusnya jalan karena di artikel sama di demo sama 100%

        kalo emank sama 100% tapi masih muncul error mungkin bisa disebabkan oleh versi phpnya
        jangan sampai menggunakan PHP versi 5.3 kebawah

        Reply

          1. untuk versi PHPnya?
            kalau < versi 5.x berarti ngga support mysqli kalau ada program yang bisa jalan pake mysqli berarti ada yg salah dengan script / tabelnya

    1. tinggal di sebelahnya kasih tombol hapus trus kasih actionnya di artikel tentang CRUD di blog ini banyak membahas hapus data

      Reply

  8. Mas, gimana caranya jika ditambah fitur upload gambar, saya sudah nyoba keliling gk nemu solusinya.. mohon bimbingannya..

    Reply

  9. bang gimana kalo tanpa mengisi nama, hanya ketik komentar aja, artinya ketika komentarnya dikirim tampilan nama yg ngirim menggunakan nama login yang sudah ada, makasih

    Reply

    1. lebih gampang malah mas..
      hapus input text untuk namanya trus pas insert di tambah_komentar.php tinggal ganti $nama_pengirim = $_SESSION[‘session nama loginnya’]

      Reply

  10. kalau mau hapus commentar bagaimana yah cara buat tombol delete, mohon bantuan codingnya, saya coba coba cuman pusing, tidak berhasil, error, tolong bantuannya author untuk membuat tombol delete komentar

    Reply

      1. makasih sudah membalas pesan saya, saya sudah memahami konsep dan sudah melakukan perintah membuat event click ‘.delete’, sudah aman, sekarang yang saya bingung cara membuat tombol delete sebelah tombol reply bagaimana caranya, codes untuk bikin tombol delete saya sudah buat cuman, tombol delete diinput kemana codesnya supaya bisa muncul disamping reply? apakah dimasukkan di ambil_komentar.php atau buat file .php baru????

        Reply

        1. iya betul mas di ambil_komentar.php kan tombol reply jg ada disitu
          itu hanya html biasa standar bootstrap tinggal masukain di tag div dengan class col-sm-2

          Reply

  11. Mas untui menyambungkan ke web blog per post error terus. Untuk mendapatkan id per post karena single file.. saya jadikan 1 gk bisa csrfnya error..mohon bantuannya nyambunin ke blog web

    Reply

  12. ok makasi kak sudah bisa, cuman untuk bikin event click delte bagaimana yah, saya tombolnya tidak berfungsi, contoh saja yang saya pakai: function load_comment(){
    $.ajax({
    url:”hapus.php”,
    method:”GET”,
    success:function(data){
    $(‘#display_comment’).html(data);
    }, error: function(data) {
    console.log(data.responseText)
    }
    })
    } $(document).on(‘click’, ‘.delete’, function(){
    var komentar_id = $(this).attr(“id”);
    $(‘#komentar_id’).val(komentar_id);
    $(‘#nama_pengirim’).focus();
    });

    Reply

    1. ajax hapusnya bukan di dalam fungsi load_comment() tapi dalam event click delete yg mana ngirim komentar idnya jg lewat ajax

      Reply

    1. di class .media .border tinggal di tambahkan class dibawah jika ingin menggunakan warna bawaan bootstrap atau bisa bikin custom css sendiri dan tambahan class-nya pada div .media
      .border-primary
      .border-secondary
      .border-success
      .border-danger
      .border-warning
      .border-info
      .border-light
      .border-dark
      .border-white

      Reply

      1. Kebetulan saya baru belajar kodingan pak, trus saat ini saya lgi belajar hosting juga, karena saya butuh sistem komentar, saya cari” Code, trus ketemu source code dari dewan komputer ini.
        Pertanyaan saya, saat saya akses web saya dengan http:// data dari database saya tampil diweb, tpi saat saya akses dengan https:// data tidak muncul, dan saya tidak bisa input komentar.

        Itu kenapa ya pak?

        Maaf klo bahasa program saya kaku,soalnya masih belajar” Pak.
        Terima kasih dewankomputer

        Reply

        1. pertama harus tahu pesan errornya apa lihat di consolenya,
          terus url ajaxnya pakai url full atau tidak

          Reply

    1. 1. cek tokennya yg di keisi atau ngga pas di web
      2. jika keisi coba di console pas dikirim pada       ajaxSetup keisi atau ngga, jika keisi isinya sama atau ngga
      3. jika ada valuenya dan keisi coba di cek di csrf.php $headers[‘Csrf-Token’] isinya sama atau ngga dengan $_SESSION[‘csrf_token’]
      4. jika $headers[‘Csrf-Token’] isinya sesuai dengan yg di $_SESSION[‘csrf_token’] baru. pastikan session_start() udah ada dan ada di atas csrf.php dan pastikan jg session tersimpan di webnya biasanya ada di php.ini atau bisa dicoba dengan ditambah di index.php paling atas sebelum session_start()
      ini_set(‘session.save_path’,’/tmp’);

      Reply

    1. coba di console errornya apa?
      apakah sudah coba ini?
      Catatan :
      – Jika setelah ditambahkan csrf terjadi error dengan pasan ‘No CSRF Token’ berarti sobat belum mengirimkan csrf saat membuat ajax. Script saat mengirimkan seharusnya ada pada main.js atau file php menggunakan kode $.ajaxSetup().
      – Jika sobat sudah mengirimkan dan masih ERROR yang sama mungkin kasusnya seperti yang pernah saya alami, pada ajaxSetup saya mengirimkan Csrf-Token namun yang terkirim malah csrf-token, sehingga sobat harus mengganti pada kode $headers[‘Csrf-Token’] menjadi $headers[‘csrf-token’].
      -Sedangkan jika sobat mengalami error Wrong csrf token berarti token yang dikirimkan tidak sama, mungkin penyebabnya sessionn belum dimulai sehingga sistem membuat session cesr_token baru. Untuk kasus inisobat perlu menambahkan kode session_start();

      Reply

  20. gan kalau komentar seperti yg komentar ini ada ga sourcode nya ?
    jadi form reply nya muncul mengikuti komentar nya.

    Reply

  21. Mas, kenapa tampilan komentarnya berantakan ya?
    [“\r\n
    \r\n \”foto-user\”\r\n
    \r\n
    \r\n
    \r\n

    Reply

    1. di database tambah kolom id_post pas insert komentar insert jg id_postnya,
      kalo mau nampilih tinggal tambah “where id_post=?”

      Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

3 × five =