14-10-12, 10:46 PM
بسم الله الرحمن الرحيم .
السلام عليكم ورحمة الله وبركاته .
في درسنا السابق جربنا التعامل مع Visual Studio وعمل صفحات ويب غير تفاعليه ، في هذا الدرس سنجرب تجربتنا الأولى مع المواقع التفاعلية .
تجربة ASP.net :
قم بفتح الأدوات Standerd ، قم برسم مربع نص TextBox واداة عنوان Label وزر أمر Button ، في زر الأمر قم بكتابة الكود التالي :
C#:
vb.net:
وجرب ... في الواقع لقد قمت بعمل اول صفحة ASP.net لك .
ماذا حدث فعلياً ؟
لو فتحت صفحة ال HTML ستجد أن لديك كود HTML عادي يحتوي على فورم ، في الواقع فإن ما تم هو حدوث Submit إلى السيرفر حيث قام بارسال بيانات الفورم كاملة إلى السيرفر ، وهناك على السيرفر تمت معالجة البيانات وتم اعادة الصفحة التي تحتوي على Label يحتوي على المحتوى Ahmed او اياً كان محتوى مربع النص قبل الارسال ، لو جربت مشاهدة الكود HTML الخاص بالصفحة الناتجة ستجد الجزء التالي من الكود :
كما ذكرنا ، تمت معالجة البيانات ، وتم اعادة الناتج إلى Label1 ، اما الاكواد وخلافه فهي في السيرفر فقط .
انواع ارسال البيانات .
في أي Form هناك طريقتين لارسال البيانات هي POST و GET ، في الطريقة الأولى وهي الافتراضية يتم ارسال بيانات ال Form مباشرة ، اما في GET فيتم ارسالها في عنوان المتصفح ، جرب تعديل الفورم الخاص بنا ليصبح بالشكل التالي :
قم بتجربة الموقع مرة أخرى ، لاحظ الصورة التالية :
كما ترى ، يتم ارسال كافة محتويات الفورم في العنوان ، طبعاً معظم المتصفحات تضع حدوداً على طول الفورم أما في حالة POST فليست هناك اي قيود .
لكل واحدة منهم طريقة قراءة فيما لو اردت قراءتها منفصلة بالكود ، وهو ما قد نتعرف عليه في مرات قادمة إن شاء الله تعالى .
السلام عليكم ورحمة الله وبركاته .
في درسنا السابق جربنا التعامل مع Visual Studio وعمل صفحات ويب غير تفاعليه ، في هذا الدرس سنجرب تجربتنا الأولى مع المواقع التفاعلية .
تجربة ASP.net :
قم بفتح الأدوات Standerd ، قم برسم مربع نص TextBox واداة عنوان Label وزر أمر Button ، في زر الأمر قم بكتابة الكود التالي :
C#:
كود :
Label1.Text= TextBox1.Text;
vb.net:
كود :
Label1.Text= TextBox1.Text
وجرب ... في الواقع لقد قمت بعمل اول صفحة ASP.net لك .
ماذا حدث فعلياً ؟
لو فتحت صفحة ال HTML ستجد أن لديك كود HTML عادي يحتوي على فورم ، في الواقع فإن ما تم هو حدوث Submit إلى السيرفر حيث قام بارسال بيانات الفورم كاملة إلى السيرفر ، وهناك على السيرفر تمت معالجة البيانات وتم اعادة الصفحة التي تحتوي على Label يحتوي على المحتوى Ahmed او اياً كان محتوى مربع النص قبل الارسال ، لو جربت مشاهدة الكود HTML الخاص بالصفحة الناتجة ستجد الجزء التالي من الكود :
كود :
[color=#000080]<p>[/color]
[color=#000080]<span id=[COLOR=#0000ff]"Label1"[/color]>[/COLOR]Ahmed[color=#000080]</span>[/color]
[color=#000080]</p>[/color]
[color=#000080]<p>[/color]
[color=#ff8000]<input name=[COLOR=#0000ff]"TextBox1"[/color] type=[color=#0000ff]"text"[/color] value=[color=#0000ff]"Ahmed"[/color] id=[color=#0000ff]"TextBox1"[/color] />[/COLOR]
[color=#000080]</p>[/color]
[color=#000080]<p>[/color]
[color=#ff8000]<input type=[COLOR=#0000ff]"submit"[/color] name=[color=#0000ff]"Button1"[/color] value=[color=#0000ff]"Button"[/color] id=[color=#0000ff]"Button1"[/color] />[/COLOR]
[color=#000080]</p>[/color]
كما ذكرنا ، تمت معالجة البيانات ، وتم اعادة الناتج إلى Label1 ، اما الاكواد وخلافه فهي في السيرفر فقط .
انواع ارسال البيانات .
في أي Form هناك طريقتين لارسال البيانات هي POST و GET ، في الطريقة الأولى وهي الافتراضية يتم ارسال بيانات ال Form مباشرة ، اما في GET فيتم ارسالها في عنوان المتصفح ، جرب تعديل الفورم الخاص بنا ليصبح بالشكل التالي :
كود :
[color=#ff8000]<form id=[COLOR=#0000ff]"form1"[/color] runat=[color=#0000ff]"server"[/color] method=[color=#0000ff]"get"[/color]>[/COLOR]
قم بتجربة الموقع مرة أخرى ، لاحظ الصورة التالية :
كما ترى ، يتم ارسال كافة محتويات الفورم في العنوان ، طبعاً معظم المتصفحات تضع حدوداً على طول الفورم أما في حالة POST فليست هناك اي قيود .
لكل واحدة منهم طريقة قراءة فيما لو اردت قراءتها منفصلة بالكود ، وهو ما قد نتعرف عليه في مرات قادمة إن شاء الله تعالى .