Poslání dat z PHP do Javascriptu

Ahoj, snažím se tu asi tři hodiny něco vymyslet a už jsem zjistil, že to ani nepotřebuji. Nicméně protože mě to zajímá, tak bych potřeboval poradit.

Potřebuji dostat data z PHP do JS. Zkoušel jsem poslat data takto:

public function beforeRender() {
$data[] = ['test' => "hodnota"]

$this->template->data = $data;

$this->payload->data = $data;
$this->Payload->send();

echo($data) // a nebo echo(json_encode($data))

}

U toho payload se mi povedlo, že jsem dostal ta data do DOM, ale naopak to zase zablokovalo kompletně vykreslení zbytku stránky.

V JS jsem je zkoušel přebrat přes knihovnu Ajax Nette Dobeš, přes jQuery a přes funkci popsanou zde:
https://stackoverflow.com/…o-javascript

Ale vše bez jakéhokoliv úspěchu. Přitom takováhle prkotina musí jít nějak jednoduše, ne? To je přeci základ programování, tak nevím, jestli jsem tolik neschopný, nebo kde je problém.

Jeden z přikladů řešení:

$.ajax({
    type: 'GET',
    dataType: "json",
    data: data,
    url:'http://app.local/upload/?op=100731197&type=expedice',    //zde jsem zkoušel dát ještě 'HomepagePresenter'.php
    success: function(data)
    {
        try {
            data = JSON.parse(data);
        }catch(e) {}
        console.log(data);
    }
});

Ve všech návodech na internetu je popsáno jak dostat GET a POST hodnoty z DOM, ale zde prostě potřebuji dostat data z PHP do JS ideálně přes AJAX, ještě lépe s nějakou Nette utilitou.

Jak na to? Případně by mi stačilo poradit, co hledat
p.s. vím, že asi objevuji kolo (: