AJAX ile Veri Çektikten Sonra Yerleştirme Sorunu

Merhabalar,
Ajax ile veriyi çekiyorum. Veriyi text olarak çekiyorum. Sonra veriyi json.parse ederek json'a çeviriyorum. Sonra bundan data.icerik diyerek icerik değişkenini çekmeye çalışıyorum ama undefined sonucu alıyorum. Nerede bir yanlışlık yaptım? Aynı kodu başka yerlerde çalıştırdım:

JavaScript ve Ajax kodum:

$.ajax({
        type: "post",
        url: "function.php?page=bildirimgoruntule",
        data: { id: id },
        dataType: "text",
        success: function (data) {
            console.log("Gelen Bilgiler: "+data);
            console.log("Gelen Bilgileri Tipi: "+typeof data);
            data = JSON.parse(data);
            console.log("Bilgiler JSON.parse edildikten sonra tipi: "+typeof data);
            console.log("data.icerik diye çekmeye çalıştığımda: "+data.icerik);
            $(".sebep").val(data.sebep);
            $(".baslik").val(data.baslik);
            $(".icerik").val(data.icerik);
            $("#bildirimgoruntule").modal("show");
        }
    })

Consolda yazanlar:
Ekran Resmi:

data[0].sebep
data[0].baslik
data[0].sebep
data[0].icerik

Teşekkür ederim, peki değer yaptıklarımda çalışmasının sebebi nedir? Bu yazdığınızı yapınca sorun çözüldü lakin aynı yöntemi müşteriler ve kullanıcı için yapıyorum onlarda bu hatayı almadım?

bir jsonda .deger ile değeri almaya çalışabilirsiniz ancak arrayda o şekilde alamazsınız.
Array da bir objedir.

{
key:value
}

tipindeki bir jsonda şu an yazdığınız çalışır. Ancak size gelen veri aşağıdaki şekilde bir array.

[
{ key:value },
{ key:value },
{ key:value },
]

Önce dizinin hangi elemanını kullanacağınızı seçmelisiniz. data[0] ile ilk elemanını alıyorsunuz. Şimdi elinizde bir json oluyor. Jsona şu an yazdığınız şekilde yazarak ulaşabilirsiniz.
Arraydan jsonmuş gibi veri almaya çalışıyorsunuz.

diğer kodunuzda apiden json dönüyordur. Bunda array dönüyor.