Hogy jelenítsek meg, úgy egy php lekérdezést, hogy megjelenítéskor ne frissítse az oldalt?

Mármint mi nem csinálja meg?

Részletezem a koncepcióm:

Van egy oldalad, html vagy php kiterjesztéssel, ezen lesz egy gomb.

Példa okáért hívjuk fooldal.php néven.

Csinálsz egy gombot, ami onClick eseményre lekér egy random szót.

Csinálsz még egy php fájlt mondjuk fordito.php néven, ami kap POST inputként egy szót, és visszaküldi cserébe a fordítását.

A fooldal.php-ben miután visszajött a random szó, indítasz egy AJAX kérést a fordito.php felé, és amikor megjött a válasz, betöltöd javascripttel a választ a megfelelő helyre.

Nem valami ilyet akartál?

Pedig a #1-es hozzászóló által említett Ajax lesz a megoldás.

Egy felhasználói felületet - ami lehet egy szimpla statikus HTML-oldal is, amin megjeleníted a mezőket és a gombot - mindenképpen kelleni fog. Erről a felületről kell Javascript segítségével a PHP-szkriptnek küldeni a lekérdezést, majd az eredményeket elfogni.

Erre két Javascriptes programozói felület az XMLHttpRequest:

[link]

illetve a Fetch:

[link]

csináld jQuery-vel, azzal egyszerűbb

arra figyelj hogy a javascript futáskor nem várja be a választ, tehát a választ megjelenítő rutint a $.post done ágába tedd

A 3. Megoldása jó.

Jsben Fetch-et használj az XMLHttpRequest helyett.

Fetch async szóval nem blokkolja az oldalt, de vagy async awaitel használod, vagy .then agban kezeled le a responset