سكريبتات التي تنفذ على جهاز المستخدم العميل في برمجة صفحات الويب آي إس بيASP.NET Client Side#

سكريبتات التي تنفذ على جهاز المستخدم العميل في برمجة صفحات الويب آي إس بي

ASP.NET Client Side#  



سكريبتات التي تنفذ على جهاز المستخدم العميل في برمجة صفحات الويب آي إس بيASP.NET Client Side# 

ASP.NET client side سكريبتات على جانب العميل او المستخدم:
ملاحظة يقصد سكريبتات على جانب العميل او المستخدم هي عبارة عن سكريبت يتم تنفيذه على جهاز العميل باستخدام متصفح الويب مثل جافا سكريبت او أكواد html وهذا يعرف باسم سكريبت على جهاز العميل او جانب المستخدم في المقابل يوجد كود على جهة السيرفر وهو الشفرة البرمجية التي تنفذ على السيرفر. لماذا نستخدم سكربت على جانب العميل في الواقع لتوفير الوقت وكذلك العبء على جهاز السيرفر من تحقق  من مدخلات المرسلة من قبل المستخدم مثلا يجب التحقق انه في خانة الهاتف استخدم أرقام وليس حروف ولكن هذا لا يمنع من التحقق من المرسلات على جانب السيرفر لانه الهاكر والمبرمجين يمكن تجاوز وتعطيل السكربت. ولذلك يجب استخدامه على كلا الجانبين المستخدم العميل السيرفر.
  • Client side scripts سكريبتات على جانب العميل : 
  • .يتم تشغيله على المستعرض وبدوره يسرع تنفيذ الصفحة.  على سبيل المثال ، التحقق من صحة البيانات من جانب العميل والذي يمكنه التقاط بيانات غير صالحة وتحذير المستخدم وفقًا لذلك دون القيام برحلة ذهابًا وإيابًا إلى الخادم
  • Client side source code كود المصدر على جانب العميل :
  •  صفحات ASP.NET تقوم  بإنشاء هذا.  على سبيل المثال ، يحتوي مصدر شفرة HTML لصفحة ASP.NET على عدد من الحقول المخفية ويحقن تلقائيًا الكتل البرمجية من شفرة JavaScript ، والتي تحتفظ بمعلومات مثل حالة العرض أو تقوم بمهام أخرى لجعل الصفحة تعمل.

سكريبتات على جانب العميل Client Side Scripts

تسمح جميع عناصر تحكم خادم ASP.NET بالاتصال برمز جانب العميل المكتوب باستخدام JavaScript أو VBScript.  تستخدم بعض عناصر تحكم خادم ASP.NET البرمجة النصية من جانب العميل لتوفير استجابة للمستخدمين دون إعادة النشر إلى الخادم.  على سبيل المثال ، عناصر تحكم التحقق من الصحة.

 بصرف النظر عن هذه البرامج النصية ، فإن عنصر التحكم في زر يحتوي على خاصية OnClientClick ، ​​والتي تتيح تنفيذ البرنامج النصي من جانب العميل عند النقر فوق الزر.

 تحتوي عناصر تحكم HTML التقليدية وعناصر تحكم الخادم على الأحداث التالية التي يمكنها تنفيذ برنامج نصي عندما يتم رفعها:
الحدثالوصف
onblurعندما يفقد السيطرة التركيز الماوس او الزوم
onfocusعندما يتلقى التحكم التركيز
onclickعند النقر فوق عنصر التحكم
onchangeعندما تتغير قيمة عنصر التحكم
onkeydownعندما يضغط المستخدم على مفتاح
onkeypressعندما يضغط المستخدم على مفتاح أبجدي رقمي
onkeyupعندما يقوم المستخدم بإصدار مفتاح
onmouseoverعندما يتحرك المستخدم مؤشر الماوس فوق عنصر التحكم
onserverclickيقوم برفع حدث ServerClick لعنصر التحكم ، عند النقر فوق عنصر التحكم

الكود المصدري على جانب العميل Client Side Source Code

لقد ناقشنا بالفعل أن صفحات ASP.NET تتم كتابتها بشكل عام في ملفين:

 ملف المحتوى أو ملف العلامات (.aspx)
 ملف الكود وراء
 يحتوي ملف المحتوى على علامات تحكم HTML أو ASP.NET والحرفية لتشكيل بنية الصفحة.  يحتوي الكود الموجود خلف الملف على تعريف الفئة.  في وقت التشغيل ، يتم تحليل ملف المحتوى وتحويله إلى فئة صفحة.

 تقوم هذه الفئة ، جنبًا إلى جنب مع تعريف الفئة في ملف التعليمات البرمجية والكود الذي تم إنشاؤه بواسطة النظام ، بإنشاء الرمز القابل للتنفيذ (التجميع) الذي يعالج جميع البيانات المنشورة ويولد الاستجابة ويعيدها إلى العميل.
 النظر في الصفحة

 
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" 
   Inherits="clientside._Default" %>



 xmlns="http://www.w3.org/1999/xhtml" >

    runat="server">
      </span><span class="pln" style="color: rgb(0, 0, 0);">
         Untitled Page
      </span><span class="tag" style="color: rgb(0, 0, 136);">
   
   
   
      

 id="form1" runat="server">
      
         




             ID="TextBox1" runat="server">  
             ID="Button1" runat="server" OnClick="Button1_Click" Text="Click" />


/>

ID="Msg" runat="server" Text="">

عند تشغيل هذه الصفحة على المستعرض ، يعرض خيار "عرض المصدر" صفحة HTML المرسلة إلى المستعرض بواسطة وقت تشغيل ASP.Net:


 
 xmlns="http://www.w3.org/1999/xhtml" >

   
      </span><span class="pln" style="color: rgb(0, 0, 0);">
         Untitled Page
      </span><span class="tag" style="color: rgb(0, 0, 136);">

name="form1" method="post" action="Default.aspx" id="form1">
type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTU5MTA2ODYwOWRk31NudGDgvhhA7joJum9Qn5RxU2M=" />
type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWAwKpjZj0DALs0bLrBgKM54rGBhHsyM61rraxE+KnBTCS8cd1QDJ/"/>
name="TextBox1" type="text" id="TextBox1" /> type="submit" name="Button1" value="Click" id="Button1" />
/>

id="Msg">

إذا مررت بالكود بشكل صحيح ، يمكنك أن ترى أن أول علامتي
تحتويان على الحقول المخفية التي تخزن حالة العرض ومعلومات التحقق من الصحة.