Problema con contenuto misto

[fermat]

ciao!

su un server ho questa funzione che lancio a caricamento di pagina:

const remoteUrl = 'http://SERVER_DI_CASA/index.php';

$(function () {
    $.getJSON(remoteUrl, function (data) {
        $("#loading_modal").addClass("is-active");
        $.get('tbl_template.html', function (template, textStatus, jqXhr) {
            var html = Mustache.render(template, data);
            $('#tbl').html(html);
        });
    }).done(function (json) {
        $("#loading_modal").removeClass("is-active");
    }).fail(function (jqxhr, textStatus, error) {
        $("#loading_modal").removeClass("is-active");
        alert(error);
    });
});

da qualche giorno non funziona più, perchè ottengo questo errore:

Bloccato il caricamento di contenuto misto attivo (mixed active content)

ho capito che dovrei usare HTTPS, ma sul serverino di casa non ho questa possibilità!
come si fa in questi casi???

[fermat]

Avevo già preso pure io un errore simile una volta, qualche annetto fà, mi pare che nella documentazione c'è scritto che le pagine http non possono vedere/caricare il contenuto di quelle https, quindi a meno che non carichi un iframe non puoi vedere il contenuto.
Dovresti rimpiazzare tutto il tuo contenuto http con del contenuto https, comunque anche io in localhost non risco ad attivare https.

uhm....la cosa strana è che è successo da un giorno all'altro.

cmq, non so se riesco a mettere https sul server di casa perchè uso un servizio tipo dyndns.
non ho ip statico a casa, e non so se riesco a metterci let's encrypt su dyndns...