Существует два аспекта клиентского кодирования для ASP.NET:
Клиентский скрипт : он запускается в браузере и, в свою очередь, ускоряет выполнение страницы. Например, проверка данных на стороне клиента может выявить недопустимые данные и соответствующим образом предупредить пользователя без обратной передачи на сервер.
Исходный код клиента : веб-страница ASP.NET формирует исходный код клиента. Например, исходный код HTML веб-страницы ASP.NET содержит несколько скрытых областей и может автоматически вставлять код языка описания Java для сохранения такой информации, как состояние просмотра, или выполнения других задач, чтобы гарантировать правильную работу веб-страницы.
Все серверные элементы управления ASP.NET позволяют гибкое кодирование с помощью языка Java или рисования на языке VBS. Некоторые серверные элементы управления ASP.NET используют клиентские сценарии для реагирования на потребности пользователя без обратной отправки на сервер. Например, элементы управления проверкой данных.
В дополнение к этим сценариям элемент управления «Кнопка» имеет собственный метод OnClientClick, который выполняет клиентский сценарий при нажатии кнопки.
Традиционные серверные элементы управления HTML имеют следующие события для выполнения сценариев при их запуске:
| событие | свойство |
|---|---|
| включить размытие | Срабатывает, когда элемент управления теряет фокус |
| в фокусе | Срабатывает, когда элемент управления получает фокус |
| по клику | Срабатывает при нажатии элемента управления |
| при смене | Срабатывает при изменении контрольного значения |
| нажатие клавиши | Срабатывает, когда пользователь нажимает кнопку клавиатуры |
| при нажатии клавиши | Когда пользователь нажимает буквенно-цифровую клавишу |
| включение клавиатуры | Срабатывает, когда пользователь отпускает клавишу |
| при наведении курсора мыши | Срабатывает, когда пользователь перемещает указатель мыши на интерфейсе управления. |
| onserverclick | При щелчке по интерфейсу управления запустите элемент управления событием ServerClick. |
Мы обсудили исходный код клиента выше. Веб-страницы ASP.NET обычно записываются в файлах двух типов:
Файл содержимого или файл утверждения (.aspx)
Файлы с выделенным кодом
Файлы содержимого содержат теги управления HTML или ASP.NET и текст, формирующий структуру страницы. Файл кода программной части содержит определения классификации. Во время выполнения файл содержимого анализируется и доставляется в класс страницы.
Этот класс страницы, а также определения классов в файле кодировки и кодировки, сгенерированные системой, вместе составляют кодировку выполнения (интеграцию). Эти кодировки интеграции обрабатывают все данные обратной передачи, генерируют ответы и отправляют действия обратно клиенту.
Рассмотрим эту простую страницу:
<%@ 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>Когда эта страница запускается в браузере, опция «Просмотреть исходный код» отображает HTML-страницу и отправляет ее в браузер через среду выполнения 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>Если вы внимательно просмотрите код, вы увидите, что первые два тега <div> содержат скрытые поля для хранения состояния представления и действительных данных.