Published April 06, 2022 by RIT with 0 comment

CARA MENAMPILKAN DATA JSON DENGAN AJAX

Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salam warohmatullohi wabarokatuh,

Saya ingin menampilkan data by id atau per id dari database dengan berbentuk JSON menggunakan codeigniter namun kendala yang saya alami adalah selalu gagal saat ingin menampilkan nya ke view. Setelah saya coba-coba cari menggunakan mesin pencarian google dan blusukan ke stackoverflow, akhirnya mendapatkan solusi
berikut script nya codeigniter nya: saya buat simple saja agar mudah dipahami

Yang perlu dipersiapkan adalah :
0 - Codeigniter 3 / framework favorit
1 - Bootstrap
2 - Jquery

?
1
2
3
4
5
6
7
// model
public function getDetailsBerita( $postData )
{
    return $this->db->get_where( 'tb_berita', [ 'id' => $postData ] )->result_array();
}
 
#langsungkoding.blogspot.com

?
1
2
3
4
5
6
7
8
9
10
11
public function editBerita()
{
  //dari inputan ajax POST
  $postData = $this->input->post('id_berita_nya');
  $data  = $this->Berita_model->getDetailsBerita($postData);
 
  echo json_encode($data);
 
}
 
#langsungkoding.blogspot.com

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
$('.editBerita').off('click').on('click', function(e){
    e.preventDefault();
    $('#modalPostBerita').modal('show');
    $('#modalPostBerita form')[0].reset();
 
    var id_berita = $(this).attr('id-berita');
 
    $.ajax({
 
        url         : url_nyax+"admin/editBerita",
        type        : 'POST',
        data : { id_berita_nya : id_berita },
        success : function(response_dari_db){
 
            let datakuu = $.parseJSON(response_dari_db);
             
            $('#judul').val(datakuu[0].judul);
            $('#deskripsi').val(datakuu[0].deskripsi);
 
            }
 
    });
 
 
#langsungkoding.blogspot.com

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!-- -->
<?php foreach ($b_berita as $row) : ?>
<div class="col-lg-6 mb-4 col-md-6 mb-4">
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary"><?= $row['judul']; ?></h6>
        </div>
        <div class="card-body">
            <p class="mb-0">
                <?= $row['deskripsi']; ?>
            </p>
        </div>
        <?php if( $user['role_id'] == 1 ):  ?>
        <div class="card-footer text-right">
            <a href="#" type="button" class="badge badge-warning m-1 p-1 editBerita" id-berita='<?= $row['id']; ?>'><i class="fas fa-eye"></i></a>
            <a href="#" class="badge badge-danger m-1 p-1" id="hapusBerita"><i class="fas fa-trash-alt"></i></a>
        </div>
        <?php endif; ?>
    </div>
</div>
<?php endforeach; ?>
 
<!-- langsungkoding.blogspot.com -->





Terima Kasih
Thank's

TAG TAGS :
CARA MENAMPILKAN DATA BY ID DENGAN JSON | CARA PARSING DATA BY ID DENGAN AJAX | CARA MENAMPILKAN DATA JSON DENGAN AJAX | CARA PARSING JSON KE AJAX DENGAN CODEIGNITER | HOW TO AJAX REQUEST WITH JSON | HOW TO SINGLE ROW FROM DATABASE USING AJAX IN CODEIGNITER | HOW TO SEND AJAX REQUEST IN CODEIGNITER | AJAX | CODEIGNITER | CODEIGNITER 3 | FROM INDONESIA langsungkoding.blogspot.com | langsungkoding |


BACA JUGA :


SOURCE :
- https://stackoverflow.com/questions/9098649/jquery-ajax-request-with-json-response-how-to/
- https://stackoverflow.com/questions/23911438/get-a-single-row-from-the-database-using-ajax-in-codeigniter/
- https://www.formget.com/codeigniter-jquery-ajax-post/
- https://makitweb.com/send-ajax-request-codeigniter/

, ,

      edit

0 comments:

Post a Comment

Subscribe to: Post Comments (Atom)