Jak renderovat snippety na cizích webech?

1, formulář renderuji přes takovou prasárnu, která mi byla doporučená

	public function renderJsData(string $hash)
{
    $htmlFile = file_get_contents($this->createLinkToForm($hash));
    foreach (explode("\n", $htmlFile) as $row) {
        echo "document.write('" . str_replace("'", "\'", $row) . "');";
        echo "\r\n";
    }

    $this->terminate();
}

2, v konzoli nejsou žádné chyby
console
console2

3, není, mám to zatím na localu

Editoval Chuchy (9. 9. 2019 9:29)

chemix napsal(a):

@Chuchy nette aplikace nic nevraci po odeslani formulare? Nejak v te konzoli nemuzu nic najit?

vrací již pouze html
response

Tak to už trošku vím, spíš nevím, jak tomu „podstrčit“, že se jedná o ajax. Myslím si, že bych měl ještě něco přidat do hlavičky requestu, aby nette vědělo, že se jedná o ajax, aby mohlo poslat json response

předpokládám, že bude potřeba nastavit/vypnout JSON-P v odesílání ajaxu, ale u nette.ajax.js to jde?

Editoval Chuchy (9. 9. 2019 10:32)

CZechBoY napsal(a):

Stačí se podívat jak Nette zjišťuje, že se jedná o ajax http požadavek:
https://github.com/…/Request.php#L253

Nejedná, jelikož to vrací false, nicméně to, ale stále posílám přes „ajax“ a to by mělo i na straně serveru poznat, že to přes něj posílám? takže musím asi upravit nějak hlavičky nette.ajax?

Tohle to vrací při použítí třídy ajax na formuláři

console

xhr

to vytváření už jsem posílal

/**
 * @return FormControl
 * @throws InvalidLinkException
 */
	public function createComponentFormControl(): FormControl
	{
		$formControl = $this->formControl;
		$formControl->setFormLink($this->createLinkToForm($this->formForm->getHash()));
		$formControl->setFormForm($this->formForm);
		$formControl->setDefaultValues((array)$this->sessionSection->default);
		$formControl->onSuccessForm[] = function (Form $form) {
        $values = $form->getHttpData(1);
        $this->formService->saveFormForm($values, $this->formForm);
        $this->showForm = true;
        $this->sessionSection->limit--;
        $this->sessionSection->default = $this->formService->deleteFileValues($values, $this->formForm);
        $this->flashMessage("Formulář byl odeslán!");
		    if ($this->isAjax()) {
            $this->redrawControl("formFormSnippet");
            $this->redrawControl("flash");
        } else {
		        $this->redirect("this");
        }
		};
		$formControl->onErrorForm[] = function (Form $form) {
		    $this->submittedFormErrors($form);
			$this->redrawControl("formFormSnippet");
			$this->redrawControl("flash");
		};

		return $formControl;
	}

Editoval Chuchy (9. 9. 2019 13:39)

@Chuchy ahoj, chapu to spravne, ze tedy s tim nette.ajax.js to neposila formualre pomoci XHR ?

A co se ti vraci v preview, kdyz to posilas pres XHR naprimo ? JSON s invalidovanejma snippetama? ?

PS: nette.ajax.js je uz obsolote, pro tenhle drobny use case doporucuju Naja.js neni zavisla na jQuery

PSS: na obrazky je super https://cloudup.com

@Chuchy to je divne ze to posle xhr ale neda tam tu hlavicku a nette to pak nepochopi… :-/ s tim neporadim …

jinak custom implementace snippetu by nemela byt obtizna, defakto si projdes ten json co se ti vraci, a vsechny snippety podle html id najdes a nahradis jim html obsah. A mas danou vec a nepotrebujes nette.ajax.js

Tak jsem se po těžkém boji rozhodl, že místo nette.ajax rozjedu, nittro, mělo by umět všechno co potřebuji, jen nevím, kde mám změnit allowOrigins?

Pro info mi to přes nittro neposílá přes xhr, ale other. ale to bude určitě nějakým nastavením.

Editoval Chuchy (10. 9. 2019 13:54)

@chemix to asi je, ale využiju ho i na dalších částech aplikace a když už se zbavím nette.ajax, tak at mám nějaký lepší nástroj..

dokáže mi někdo říct, kam tohle nasadit?

@chemix ahoj, tak už mi to „funguje“, jen nechápu, proč se mi odesílají dva requesty naráz? to asi není očekávaná vlastnost..

dva dotazy

@chemix starej kod tam už není, ještě to budu muset projít hold no, důležité je, že to není správné, že to posílá 2 requesty, s čím už si nějak poradím :D

btw. když už tady píšu ohledně toho nittra.., jakým způsobem se dá odeslat formulář při změně? přes jquery jsem používal

$(document).on('change', '.formOverviewSearchForm', function () {
    $(this).submit();
});

pro nittro mám napsáno něco takového, jenže to mě nikam nepustí

_context.invoke(function(di) {
    var frm = di.getService('formLocator').getForm('frm-agreementSearchForm');
    frm.on("change", function () {
        console.log(frm);
    });
});

@chemix někde jsem to tak vygooglil :)

Tip od boku: zobraz si v dev tools i metodu požadavku. Pokud je to cross-origin, je naopak velmi správné, že to posílá dva requesty po sobě. Klient totiž posílá nejprve tzv. preflight request metodou OPTIONS, pomocí které zjistí, jestli vůbec může požadavek poslat (na základě Access-Control hlaviček v odpovědi), a až když usoudí, že může, reálně posílá původní požadavek původní metodou.

Takže je třeba dát pozor na to, aby OPTIONS request nevykonal samotnou požadovanou akci. Úplně postačí, když pošle patřičné Access-Control hlavičky a vrátí prázdnou odpověď se stavem 204 No Content.

@Chuchy Přibyla @crossorigin anotace

Presenter: signal must be sent from the same origin unless they have annotation @crossorigin (BC break)

https://github.com/…s/tag/v3.0.0

Ahoj, jinak ta anotace je:

/**
* @crossOrigin
*/

Moc nechapu proc je to jen na handlach a ne i na renderu.
A nemelo by to na vyvoji neco zarvat nez dat jen redirect? Dost me vytrapilo nez jsem na to prisel. Zajimave, ze pres Postmana mi to redirect nedavalo i presto, ze jsem tam dal vsechny hlavicky co posilal browser vcetne X-Requested-With:XMLHttpRequest(to uz jsem nezkoumal).

<?php
	public function checkRequirements($element): void
	{
		if (
			$element instanceof \ReflectionMethod
			&& substr($element->getName(), 0, 6) === 'handle'
			&& !ComponentReflection::parseAnnotation($element, 'crossOrigin')
			&& !$this->getPresenter()->getHttpRequest()->isSameSite()
		) {
			$this->getPresenter()->detectedCsrf();
		}
	}
?>

Editoval Andy3 (20. 7. 2020 16:37)