Ada dua aspek pengkodean sisi klien untuk ASP.NET:
Skrip sisi klien : Ini berjalan di browser dan pada gilirannya mempercepat eksekusi halaman. Misalnya, validasi data sisi klien dapat menangkap data yang tidak valid dan mengingatkan pengguna tanpa melalui postback di server.
Kode Sumber Klien : Halaman web ASP.NET membentuk kode sumber klien ini. Misalnya, kode sumber HTML halaman web ASP.NET berisi beberapa area tersembunyi dan dapat secara otomatis memasukkan kode bahasa deskripsi Java untuk menyimpan informasi seperti status tampilan atau melakukan tugas lain untuk memastikan bahwa halaman web berfungsi dengan baik.
Semua kontrol server ASP.NET memungkinkan pengkodean responsif melalui bahasa Java atau gambar bahasa VBS. Beberapa kontrol server ASP.NET menggunakan skrip sisi klien untuk merespons kebutuhan pengguna tanpa memposting kembali ke server. Misalnya, kontrol validasi data.
Selain skrip ini, kontrol tombol memiliki metode OnClientClick yang mengeksekusi skrip klien saat tombol diklik.
Kontrol HTML server tradisional memiliki kejadian berikut untuk mengeksekusi skrip saat dijalankan:
| peristiwa | milik |
|---|---|
| kabur | Dipicu ketika kontrol kehilangan fokus |
| fokus | Dipicu ketika kontrol mendapatkan fokus |
| klik | Kebakaran ketika kontrol diklik |
| berubah | Dipicu ketika nilai kontrol berubah |
| onkeydown | Kebakaran ketika pengguna menekan tombol keyboard |
| saat tombol ditekan | Saat pengguna menekan tombol alfanumerik |
| onkeyup | Diaktifkan saat pengguna melepaskan kunci |
| onmouseover | Dipicu ketika pengguna menggerakkan penunjuk tetikus pada antarmuka kontrol |
| diserverklik | Ketika antarmuka kontrol diklik, mulai kontrol acara ServerClick |
Kami telah membahas kode sumber klien di atas. Halaman web ASP.NET biasanya ditulis dalam dua jenis file:
File konten atau file persetujuan (.aspx)
File di belakang kode
File konten berisi tag kontrol HTML atau ASP.NET dan teks untuk membentuk struktur halaman. File di belakang kode berisi definisi klasifikasi. Saat runtime, file konten diurai dan dikirim ke kelas halaman.
Kelas halaman ini, serta definisi kelas dalam file pengkodean dan pengkodean yang dihasilkan sistem, bersama-sama membentuk pengkodean eksekusi (integrasi). Pengkodean integrasi ini memproses semua data postback, menghasilkan respons dan mengirim kembali tindakan ke klien.
Pertimbangkan halaman sederhana ini:
<%@ 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>Saat halaman ini dijalankan di browser, opsi Lihat Sumber menampilkan halaman HTML dan mengirimkannya ke browser melalui runtime 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>Jika Anda melihat pengkodean dengan benar, Anda akan melihat bahwa dua tag <div> pertama berisi bidang tersembunyi untuk menyimpan status tampilan dan data valid.