Bei der clientseitigen Codierung für ASP.NET gibt es zwei Aspekte:
Clientseitiges Skript : Es läuft im Browser und beschleunigt wiederum die Ausführung der Seite. Beispielsweise kann die clientseitige Datenvalidierung ungültige Daten erkennen und den Benutzer entsprechend warnen, ohne dass eine Rückmeldung an den Server erfolgt.
Client-Quellcode : Die ASP.NET-Webseite bildet diesen Client-Quellcode. Beispielsweise enthält der HTML-Quellcode einer ASP.NET-Webseite mehrere verborgene Bereiche und kann automatisch Java-Beschreibungssprachencode einfügen, um Informationen wie den Ansichtsstatus beizubehalten oder andere Aufgaben auszuführen, um sicherzustellen, dass die Webseite ordnungsgemäß funktioniert.
Alle ASP.NET-Serversteuerelemente ermöglichen reaktionsfähiges Codieren über Java-Sprache oder VBS-Sprachzeichnung. Einige ASP.NET-Serversteuerelemente verwenden clientseitige Skripts, um auf Benutzeranforderungen zu reagieren, ohne etwas an den Server zurückzusenden. Zum Beispiel Datenvalidierungskontrollen.
Zusätzlich zu diesen Skripten verfügt das Schaltflächensteuerelement über eine eigene OnClientClick-Methode, die ein Client-Skript ausführt, wenn auf die Schaltfläche geklickt wird.
Herkömmliche Server-HTML-Steuerelemente verfügen über die folgenden Ereignisse, die Skripts ausführen können, wenn Skripts initiiert werden:
| Ereignis | Eigentum |
|---|---|
| onblur | Wird ausgelöst, wenn das Steuerelement den Fokus verliert |
| onfocus | Wird ausgelöst, wenn das Steuerelement den Fokus erhält |
| onclick | Wird ausgelöst, wenn auf das Steuerelement geklickt wird |
| onchange | Wird ausgelöst, wenn sich der Stellwert ändert |
| onkeydown | Wird ausgelöst, wenn der Benutzer eine Tastaturtaste drückt |
| auf Tastendruck | Wenn der Benutzer eine alphanumerische Taste drückt |
| onkeyup | Wird ausgelöst, wenn der Benutzer die Taste loslässt |
| onmouseover | Wird ausgelöst, wenn der Benutzer den Mauszeiger auf der Steueroberfläche bewegt |
| onserverclick | Wenn auf die Steuerschnittstelle geklickt wird, starten Sie die ServerClick-Ereignissteuerung |
Wir haben den Client-Quellcode oben besprochen. ASP.NET-Webseiten werden normalerweise in zwei Dateitypen geschrieben:
Inhaltsdatei oder Genehmigungsdatei (.aspx)
Code-Behind-Dateien
Inhaltsdateien enthalten HTML- oder ASP.NET-Steuer-Tags und Text, um die Struktur der Seite zu bilden. Die Code-Behind-Datei enthält die Klassifizierungsdefinitionen. Zur Laufzeit wird die Inhaltsdatei analysiert und an eine Seitenklasse übermittelt.
Diese Seitenklasse bildet zusammen mit den Klassendefinitionen in der Codierungsdatei und der vom System generierten Codierung die Ausführungscodierung (Integration). Diese Integrationscodierungen verarbeiten alle Postback-Daten, generieren Antworten und senden Aktionen an den Client zurück.
Betrachten Sie diese einfache Seite:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="clientside._Default" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title> Untitled Page </title> </head> <body> <form id="form1" runat="server"> <div> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Click" /> </div> <hr /> <h3> <asp:Label ID="Msg" runat="server" Text=""> </asp:Label> </h3> </form> </body></html>Wenn diese Seite in einem Browser ausgeführt wird, zeigt die Option „Quelle anzeigen“ die HTML-Seite an und sendet sie über die ASP.Net-Laufzeit an den Browser:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" > <head> <title> Untitled Page </title> </head> <body> <form name="form1" method="post" action="Default.aspx" id="form1"> <div> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTU5MTA2ODYwOWRk31NudGDgvhhA7joJum9Qn5RxU2M=" /> </div> <div> <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWAwKpjZj0DALs0bLrBgKM54rGBhHsyM61rraxE+KnBTCS8cd1QDJ/"/> </div> <div> <input name="TextBox1" type="text" id="TextBox1" /> <input type="submit" name="Button1" value="Click" id="Button1" /> </div> <hr /> <h3><span id="Msg"></span></h3> </form> </body></html>Wenn Sie sich die Codierung genau ansehen, werden Sie feststellen, dass die ersten beiden <div>-Tags versteckte Felder zum Speichern des Ansichtsstatus und gültiger Daten enthalten.