Hay dos aspectos de la codificación del lado del cliente para ASP.NET:
Script del lado del cliente : se ejecuta en el navegador y a su vez acelera la ejecución de la página. Por ejemplo, la validación de datos del lado del cliente puede detectar datos no válidos y alertar al usuario en consecuencia sin publicarlos en el servidor.
Código fuente del cliente : la página web ASP.NET forma este código fuente del cliente. Por ejemplo, el código fuente HTML de una página web ASP.NET contiene varias áreas ocultas y puede inyectar automáticamente código de lenguaje de descripción Java para preservar información como el estado de la vista o realizar otras tareas para garantizar que la página web funcione correctamente.
Todos los controles del servidor ASP.NET permiten codificación responsiva mediante lenguaje Java o dibujo en lenguaje VBS. Algunos controles de servidor ASP.NET utilizan secuencias de comandos del lado del cliente para responder a las necesidades del usuario sin publicarlas en el servidor. Por ejemplo, controles de validación de datos.
Además de estos scripts, el control del botón tiene un método OnClientClick adecuado que ejecuta el script del cliente cuando se hace clic en el botón.
Los controles HTML de servidor tradicionales tienen los siguientes eventos que pueden ejecutar scripts cuando se inician los scripts:
| evento | propiedad |
|---|---|
| desenfoque | Se activa cuando el control pierde el foco. |
| enfocado | Se activa cuando el control gana enfoque. |
| al hacer clic | Se dispara cuando se hace clic en el control. |
| en cambio | Se activa cuando cambia el valor de control. |
| onkeydown | Se dispara cuando el usuario presiona un botón del teclado |
| al presionar una tecla | Cuando el usuario presiona una tecla alfanumérica |
| encendido | Se dispara cuando el usuario suelta la tecla. |
| sobre el ratón | Se activa cuando el usuario mueve el puntero del mouse en la interfaz de control |
| clic en el servidor | Cuando se hace clic en la interfaz de control, inicie el control de eventos ServerClick |
Hemos discutido el código fuente del cliente arriba. Las páginas web ASP.NET suelen escribirse en dos tipos de archivos:
Archivo de contenido o archivo de aprobación (.aspx)
Archivos de código subyacente
Los archivos de contenido contienen etiquetas de control HTML o ASP.NET y texto para formar la estructura de la página. El archivo de código subyacente contiene las definiciones de clasificación. En tiempo de ejecución, el archivo de contenido se analiza y se entrega a una clase de página.
Esta clase de página, junto con las definiciones de clase en el archivo de codificación y la codificación generada por el sistema, constituyen la codificación de ejecución (integración). Estas codificaciones de integración procesan todos los datos de devolución, generan respuestas y envían acciones al cliente.
Considere esta sencilla página:
<%@ 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>Cuando esta página se ejecuta en un navegador, la opción Ver código fuente muestra la página HTML y la envía al navegador a través del tiempo de ejecución ASP.Net:
<!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>Si revisa la codificación correctamente, verá que las dos primeras etiquetas <div> contienen campos ocultos para almacenar el estado de la vista y datos válidos.