Hogyan írassak ki tartalmat a weboldalamra feltételes utasításokkal?
Sziasztok!
Gyakorlásképpen írok egy weboldalt, aminek lényege az, hogy legördülős listákból, kiválasztandó szempontok alapján szűrjön ki az adatbázisomból elemeket, és írassa ki ugyanazon oldalra Javascript-Ajax segítségével. Aki szívesen segítene, annak elküldöm privátba az oldalt minden állományával. Egyelőre nem szeretném publikussá tenni a tartalmát, ezért ragaszkodok a privát üzenethez. Előre is köszönöm!
Jelenleg én is egy ajax-os cms-en dolgozom, és van már néhány tapasztalatom ezzel kapcsolatban. Általánosságban leírhatok néhány tippet.
Előrebocsájtom, hogy jquery-t használok az ajax egyszerűbb kezelésére, úgyhogy a példák is erre vonatkoznak.
Azt írtad "legördülős listákból, kiválasztandó szempontok alapján szűrjön ki az adatbázisomból elemeket". Az, hogy a select boxokat hogyan építed fel, az másodlagos itt. A lényeg, hogy az űrlap elküldő gombja ne legyen submit, hiszen nem az action paraméterben szereplő oldalnak (vagy az aktuális oldalnak) lesz a szerepe az adatkiértékelés, hanem a javascriptnek, ami majd meg fogja hívni az ajax-szal a feldolgozó php-t.
Az ajax-szot hívó függvényt indíthatod gombra, vagy a select elem(ek) változtatás eventjével. Egy egyszerűbb form feldolgozó ajax hívás jquery-vel:
$.ajax({
type: "POST",
url: "feldolgoz.php",
data: $("#formID").serialize(),
dataType: 'html',
success: function(data) {
$("#celpontID").html(data);
},
error: function(jqXHR, textStatus, errorThrown) {
console.log("hiba történt " + textStatus);
}
});
A feldolgoz.php szabványos módon meg fogja kapni a request-et $_POST formájában, amit feldolgozhatsz. Az adatbázisból kinyert anyagot ugyanitt megfelelően feldolgozod, kijelzed echo vagy print segítségével, ez lesz a kimenete a fájlnak, amit az ajax szépen visszakap, majd azt siker esetén (success) a celpontID azonosítójú elembe (célszerűen div) beleüríti. Hiba esetén a konzolba kapod a hibaüzenetet.
Sok sikert!
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!