Merhaba arkadaşlar bir problemim var ve çözemedim. Bilen birisi yardımcı olabilir mi?

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
                                        <?php
                                               error_reporting(E_ALL);
                                               ini_set('display_errors', 1);
                                               // Depo verilerini çekmek için sorgu
                                                    $invstorage = $db->query("SELECT * FROM storage WHERE department = '$department' AND type='1'")->fetchAll(PDO::FETCH_ASSOC);
                                                    $depID = isset($_POST['dep_id']) ? $_POST['dep_id'] : '';
                                                    if (!empty($depID)) {
                                                        // Raf verilerini çekmek için sorgu
                                                        // Bu sorguda JSON veriye dönüştürme işlemi eklememiz gerekiyor
                                                        $invrock = $db->query("SELECT * FROM storage WHERE department = '$department' AND type='2' AND top = '$depID'")->fetchAll(PDO::FETCH_ASSOC);
                                                        // JSON formatında verileri geri döndür
                                                        header('Content-Type: application/json');
                                                        echo json_encode($invrock); // JSON dönüştürme ekledik
                                                        exit; // İşlemi sonlandır
                                                    }
                                                ?>

                                            <div class="mb-3">
                                                <label for="dep">Depo</label>
                                                <div class="card-body">
                                                    <select class="form-select" id="dep" name="dep">
                                                        <option selected disabled>Seçiniz</option>
                                                        <?php
                                                        foreach ($invstorage as $data) {
                                                            echo '<option value="' . $data['id'] . '">' . $data['name'] . '</option>';
                                                        }
                                                        ?>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="mb-3">
                                                <label for="raf">Raf</label>
                                                <div class="card-body">
                                                    <select class="form-select" id="raf" name="raf">
                                                        <option selected disabled>Seçiniz</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <script>
                                            $(document).ready(function () {
                                                $("#dep").on("change", function () {
                                                    var depID = $(this).val();
                                                    $.ajax({
                                                        type: "POST",
                                                        data: { dep_id: depID },
                                                        dataType: "json",
                                                        success: function (data) {
                                                            if (data.length > 0) {
                                                                $("#raf").html("<option selected disabled>Seçiniz</option>");
                                                                $.each(data, function (key, value) {
                                                                    $("#raf").append("<option value='" + value.id + "'>" + value.name + "</option>");
                                                                });
                                                            } else {
                                                                $("#raf").html("<option selected disabled>Raf bulunamadı</option>");
                                                            }
                                                        },
                                                        error: function () {
                                                            alert("Raf verileri getirilirken bir hata oluştu.");
                                                        },
                                                    });
                                                });
                                            });
                                            </script>

Problemim tam olarak şu; network kısmında da kontrol ediyorum değer geliyor, veritabanı ile de eşleşiyor. Ancak bu değeri select kısmına atamak yerine bana "Raf verileri getirilirken bir hata oluştu." hatasını veriyor. Bilen birisi yardımcı olabilirse çok sevinirim


yanıt kısmında şu hata var : SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data