Az űrlapadatok Benyújtása

Tartalomjegyzék:

Az űrlapadatok Benyújtása
Az űrlapadatok Benyújtása

Videó: Az űrlapadatok Benyújtása

Videó: Az űrlapadatok Benyújtása
Videó: Sending Form Data (POST) with the Fetch API in JavaScript 2024, November
Anonim

Az adatok küldése egy látogató által kitöltött űrlapról egy internetes oldalra az egyik leggyakrabban megoldott interaktív interakció feladata a webes szörfös és az erőforrás szerver programjai között. Ennek a műveletnek a szervezése a hipertext oldal forráskódjában sokkal könnyebb, mint parancsfájlok létrehozása az átvitt adatok feldolgozásához. Megvalósítható mind a HTML nyelv, mind a JavaScript szkriptek segítségével.

Az űrlapadatok benyújtása
Az űrlapadatok benyújtása

Utasítás

1. lépés

Ha az adatfeldolgozás nem ugyanabban a fájlban történik, amely az oldalt az űrlappal generálja, akkor feltétlenül adja meg a kezelő szkript címét az action attribútumban. Adja meg az űrlapváltozók beküldésének két lehetséges módjának egyikét - Get vagy Post. A választás attól függ, hogy melyiket használja a változók szkript általi olvasására. Elvileg ez elegendő a probléma megoldásához, nem szükséges külön elemet elhelyezni az űrlapban, amely megkezdi az információk küldését, mivel az Enter billentyű alapértelmezett lenyomása egyenértékű az adatküldés gombra való kattintással. Erről azonban nem minden felhasználó fog kitalálni, ezért célszerűbb egy megfelelő gombot elhelyezni az űrlapban.

2. lépés

Használjon egy gombot, amelyet egy bemeneti címke renderel, amelynek beküldési értéke van a type attribútumban. Ilyen gombra kattintva a "klasszikus", a leggyakrabban használt módszer az űrlapból történő adatküldés megszervezésére egy weboldalon. A type attribútum mellett kívánatos megadni a name attribútum értékét, értékben pedig a címkék szövegét is felteheti a gombra. Például:

3. lépés

A JavaScript használatával adatokat küldhet. Ez hasznos lehet olyan esetekben, amikor bármilyen eseményre automatikus elküldést kell szerveznie - például miután a felhasználó kiválasztja a kívánt értéket a legördülő listából, vagy ha azt egy információkkal küldenie kell egy JavaScript-hitelesítőnek. Az adatküldés ezen módjának megvalósításához használja az űrlapobjektum beküldési módszerét. Például, ha az UniForm értéket az űrlap névattribútumába írják, akkor a JavaScript-kódban a beküldés gombra kattintás szimulálásához a szükséges műveletek elvégzése után a felhasználó által megadott értékekkel a következőket kell elhelyezni: sor: document. UniForm.submit ();

Ajánlott: