How to access json_encoded php array from jquery

Question

I have a script like this:

$(document).on("click", ".passingID", function () {
         var ids = $(this).attr('data-id');
         $("#idkl").val( ids );
         $.ajax({
              method: "POST",
              url: "getidforeditkaryawan.php",
              data: { idkl: ids}
        }).done(function(data) {
            console.log(data);
            $("#nik").val(data['nik']);
            $("#ktp").val(data['ktp']);
            $("#status").val(data['status']);
            $("#nama").val(data['nama']);
            $("#bank").val(data['bank']);
            $("#norek").val(data['norek']);
            $("#tglmsk").val(data['tgl_msk']);
            $("#tglkl").val(data['tgl_keluar']);
            $("#idp").val(data['id_perusahaan']);
            $("#tlk").val(data['tlk_individu']);
          }).fail(function( jqXHR, textStatus ) {
              console.log(jqXHR, textStatus);
        });
    });

and this is getidforeditkaryawan.php file:

<?php
   $con = mysqli_connect("127.0.0.1","root","","penggajian"); 
   $sql = "SELECT * FROM karyawan_lapangan WHERE id_kl = '".$_POST['idkl']."'";
   $getdatakaryawan = mysqli_query($con,$sql);
   $data = mysqli_fetch_assoc($getdatakaryawan);
   print_r(json_encode($data));
?>

but everytime i try to print the value inside the 'data' variable like this

console.log(data['nik']);

the value won't appear

the result from print_r(json_encode($data)); is this:

{"id_kl":"4","nik":"13","ktp":"1231231","status":"aktif","nama":"ardia","bank":"asdasd","norek":"21313","tgl_masuk":"2019-02-14","tgl_keluar":"0000-00-00","id_perusahaan":"3123121","tlk_individu":"4124124"}

Where is your php file located? Is it in the same folder as your js? — pr1nc3
– pr1nc3, Commented Feb 5, 2019 at 15:37
And are you sure that your query returns you the data and there are no php errors there? your console.log you have under done function returns the data you need? — pr1nc3
– pr1nc3, Commented Feb 5, 2019 at 15:39
yes, it returns the data i need, look at my question again i put the result from print_r(json_encode($data)); — kelvin sutanto
– kelvin sutanto, Commented Feb 5, 2019 at 15:44

pr1nc3 · Accepted Answer · 2019-02-05 15:49:50Z

2

Since you return a json object you can access it like:

$("#nik").val(data.nik);

Edit based on 04FS comment:

 $.ajax({
              method: "POST",
              dataType: "json",
              url: "getidforeditkaryawan.php",
              data: { idkl: ids}
        }).

Missed that spot, he is right.

edited Feb 5, 2019 at 15:49

answered Feb 5, 2019 at 15:43

pr1nc3

8,3763 gold badges27 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

devpro Over a year ago

@kelvinsutanto: ohh i little bit late here? :)

Collectives™ on Stack Overflow

How to access json_encoded php array from jquery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related