Naja – získání JSON ze zpracování formuláře

Ahoj,

pokud tě chápu správně, pro Naju je tohle tak trochu okrajový use case – Naja řeší především integraci s mechanismy, které pro podporu AJAXu nabízí Nette (tzn. zejména snippety). Pokud žádný takový mechanismus nevyužíváš, Naja ti nejspíš nedá žádnou přidanou hodnotu a úplně klidně si ten formulář můžeš odeslat napřímo třeba přes Fetch API a s odpovědí pak naložit dle libosti.

---

S Najou to je ostatně taky zdaleka nejjednodušší, pokud ten request odesíláš ručně; metoda makeRequest() totiž vrací Promise, která se resolvuje na zparsovaný JSON payload ze serveru:

naja.makeRequest(method, url)
	.then(payload => {
		// typeof payload === 'object'
	});

(Hm, bylo by pěkné, kdyby tu promisu vracely i naja.uiHandler.clickElement a naja.uiHandler.submitForm, což momentálně nedělají.)

---

Pokud necháváš formulář odeslat Naju (pomocí class="ajax"), můžeš se k payloadu dostat v eventu success:

naja.addEventListener('success', (event) => {
	// typeof event.detail.payload === 'object'
});

@jiripudil Ahoj, měl bych prosím zase otázku? Odesílám formulář Najou (pomocí class=„ajax“) ale nemůžu se dostat k payload. Při použití kódu:

naja.addEventListener('success', (event) => {
    console.log(event);
});

Do konzole se mi nic nepropíše. Nemusím ještě někde něco nastavit? Děkuji

@jiripudil Request je úspěšný překreslí se snippet v Network hodnotu payload vidím jen jí nedokážu odchytit v JS. když vyvolám request pomocí makeRequest tak event success zafunguje správně jde jen o formulář odeslaný pomocí "class="ajax"".

@jiripudil Je to docela obsáhlý projekt proto jsem připravil zkrácenou ukázku na Gist Bude to tak stačit? Pro zpracování JS používám webpack. Naja je ve verzi 2.1.3 S Najou pracuju podle dokumentace jen mi prostě po odeslání requestu navazaného na .ajax nefunguje žádný event. Teď jsme si zkoušel různé kombinace a stále nic. Pouze přes makeRequest volaný z JavaScriptu. Děkuji

@jiripudil Ahoj, tak jsem připravil demo kde je vidět můj problém. Je tam vytvořený formulář kde event nezafunguje a pak je tam makeRequest kde to funguje dobře. https://github.com/…yCZ/NajaTest. Díky za Radu

@jiripudil Ano je to tak když si odchytím event success ve vendor.js tak se k payloadu dostanu. Jde mi o to mít dva balíčky jeden vendor.bundle.jskde bude inport jQuery, Bootstrpa naja atd. Plus inicializace nějakých potřebných scriptů. Do toho to balíčku se nebude zasahovat tak často jako do balíčku main.bundle.js kde budou obsaženy všechny moje scripty. rozdělení je myšleno o ohledně cache v prohlížeči když se nebude tak často měnit ten vendor. Myslí, že je to dobrý postup nebo bys poradil jiný postup? Po případě mohl bys mi poradit jak nastavit ten splitChunks nějak si s tím nevím rady. Děkuji