Webseiten in Client-Server-Systemen und damit in Verbindung stehende Tags

Inhalte von Prof. Dr. Klaus Chantelau

3-Schichtenmodell und Technologien

(image: https://hssm.hqedv.de/uploads/Prog2V04/Prog2_4_1.gif)

Synchrone Kommunikation: die Hyperlink a- und Formular form-Tags
Asynchrone Kommunikation: AJAX

d.h. es werden unterschiedliche Webseiten
(Seite1.html, Seite2.html,...)
oder unterschiedliche Teile einer Webseite abgefragt.

2. erfolgen durch Programme auf dem Client in JavaScript , ActionScript, Java, ...

die der Browser in einer Laufzeitumgebung ausführt.

Asynchrone Kommunikation

(image: https://hssm.hqedv.de/uploads/Prog2V04/Prog2_4_3.gif)

(image: https://hssm.hqedv.de/uploads/Prog2V04/Prog2_4_4.gif)

3. erfolgen durch Programme auf dem Server in Java, php,...

die der Server in einer Laufzeitumgebung im Moment der Abfrage aufruft und ausführt, das heißt der Server generiert erst im Moment der Anfrage den eigentlichen html-Code und überträgt diesen an den Client.

1. Synchrone Kommunikation mit einem Server

Hyperlink <a>

<a href=“Seite2.html“ > Morgen </a>

(image: https://hssm.hqedv.de/uploads/Prog2V04/Prog2_4_5.jpg)

Formular <form>

<div id="Inhalt">
<form action="/index.php" method="get">
<p>Name:<br>
<input name = "Anwendername" size="40"></p>
<p>E-Mail:<br>
<input name = "Anwendernail" size="40"></p>
<p><input type = "submit" value = "
Formulardaten absenden"></p>
</form>
</div> {{image class="center" url="Prog2_4_6.gif" }} {{image class="center" url="Prog2_4_7.gif" }} ====Generierung einer HTTP-Anfrage==== {{image class="center" url="Prog2_4_8.gif" }} ====2. Programme auf dem Client in JavaScript , ActionScript, Java, ...""