Ustalar Soru | JSON Yükleme Sınırı

Arkadaşlar şu şekilde bir json kodum var ve siteye yazdırıyorum... fakat örnek 30 satır, örnek text:"yazı" eklediğimde load olmazken, sitede gözükmezken 25 adette oluyor bunu nasıl düzeltirim.

[
    { "text": "You can freeze coffee in ice trays and pour it into milk." },  
    { "text": "A 3-minute cold shower will burn you 40 calories." },  
    { "text": "If you feel nauseous, have a pinch of ground coffee." }
]

jQuery(document).ready(function($) {
    var HintsDataDiv = document.getElementById('hints-data');
    var GetNewButton = document.getElementById('get-new');
    var templateUrl = object_name.templateUrl;

    function getRandomData() {
        fetch(templateUrl + '/assets/json/hints.json')
            .then(response => response.json())
            .then(data => {
                var randomIndex = Math.floor(Math.random() * data.length);
                var randomItem = data[randomIndex];
                var randomText = randomItem.text;

                HintsDataDiv.innerText = randomText.substr(0,60) + "...";
                jQuery("#hints-data").click(function () {
                    HintsDataDiv.innerText = randomText;
                });
            })
            .catch(error => {
                console.log('Something went wrong:', error);
            });
    }
    GetNewButton.addEventListener('click', getRandomData);
    getRandomData();    
});

<div class="plicker-hints">
                    <div id="hints-data"></div>
                    <button id="get-new" class="get-new">NEW</button>
                </div>

10 Saniye

$.ajaxSetup({  timeout: 10*1000 });

jquery e başlayıp vanilla js ile devam edip tekrar jquery e dönmek güzel bir çorba tebrik ederim.

gönderdiğiniz kodda getRandomData çalıştığında rastgele sadece bir tane text yazdıracak şekilde yapmışsınız.

jquery ajax kullanmıyor fetch api kullanıyor, fetch api de timeout çok çok uzundur. kaldı ki timeout a takılsa verisi eksik ve json bozuk olur catch e takılır.