آموزش پیشرفته ASP.Net Web Forms نحوه استفاده از JavaScript در فرم وب
800 بار بازدید -
3 سال پیش
-
در این قسمت آموزشی قصد
در این قسمت آموزشی قصد داریم درباره ترکیب و استفاده از JavaScript با ASP.NET Web forms صحبت کنیم.جاوا اسکریپت جایگزینی برای کنترل های مبتنی بر سرور ASP.NET ، بدون نیاز به رفتن به سرور ، ارائه می دهد.ASP.NET یک الگوی جدید برای توسعه برنامه های تحت وب ارائه می دهد که شامل مجموعه ای از کنترل های مبتنی بر سرور است که مشابه عناصر فرم HTML مانند text box ها ، button ها و غیره است. مشکل این کنترل ها نیاز به call شدن از سمت سرور هست. جاوا اسکریپت جایگزینی برای بسیاری از وظایف ارائه میدهد که نیاز به رفتن به سمت سرور را از بین میبرد.
برقراری تماس با سرور ، نیازمند پهنای باند و زمان پردازش سرور است که ممکن است مشکلی در یک برنامه اینترانت ایجاد نکند ، که مزیت های یک LAN پرسرعت است ، اما در یک برنامه اینترنتی داستان متفاوت است. بسته به اینکه مودم dial-up ، DSL یا مودم کابلی در اختیار کاربر باشد ، سرعت اتصال کاربر به اینترنت متفاوت است. استفاده از جاوا اسکریپت سمت کلاینت نیاز به رفت و برگشت سمت سرور را از بین میبرد و باعث افزایش سرعت بارگیری صفحات و عملکرد بهتر میشود.در واقع جاوا اسکریپت یک استاندارد برای توسعه وب در سمت کلاینت است. ترکیب آن با فرم های ASP.NET Web مجموعه ای قدرتمند از ابزارها را برای ساخت برنامه های کاربردی قدرتمند که عملکرد را جزء کلیدی می داند ، در اختیار توسعه دهنده قرار می دهد.در پکیج آموزش جاوااسکریپت ما بطور مفصل درباره جاوااسکریپت صحبت کرده ایم و مثال های کاربردی فراوانی زده ایم اما در این جلسه در قالب مثال تنها روش استفاده از JavaScript در ASP.NET Web forms را توضیح خواهیم داد.در محیط ویژوالی از قبل یک پروژه ایجاد کرده ایم.در روت سولوشن برنامه ، یک پوشه به نام Pages اضافه میکنیم و داخلش یک وب فرم به نام WebForm1 اضافه میکنیم . وارد WebForm1 میشیم.برای استفاده از کدهای جاوا اسکریپت ، داخل تگ head یک تگ script باز میکنیم و داخلش یک تابعی مینویسیم که یک پیغامی رو روی صفحه نمایش بده:
function ShowMsg()
{
alert ("سلام جاوا اسکریپت")
}
سپس تو قسمت body و داخل تگ div یک تگ a ایجاد میکنیم (بنام Msg) و فانکشن یا تابع ShowMsg() رو داخل رویداد onclick تگ a فرخوانی میکنیم .حالا وقتی کاربر روی متن Msg (تگ a) کلیک کند پیغام "سلام جاوا اسکریپت" روی صفحه alert میشود.میتونیم داخل فانکشن ShowMsg یک پارامتر ورودی وارد می کنیم و زمانی که تو تگ a در رویداد onclick داریم فراخوانیش میکنیم ، اونجا متنی رو که میخوایم alert شه ، داخل پارامتر ورودی بهش بدیم.
تا اینجای کار ما در تگ a با رویداد onclick اون تابع رو فراخوانی کردیم اما اگر از کنترل های سمت سرور مثل یک asp:Button استفاده کنیم دیگه روش قبلی کارساز نیست و باید با استفاده از رویداد OnClientClick تابع ShowMsg رو داخل asp:Button یا هر کنترل دیگه ای که لازم باشه فراخوانی کنیم.
یک نکته مهم اینکه همیشه اول ، صفحه بصورت کامل لود میشه ، بعد کدهای جاوا اسکریپت لود و شروع به اجرا شدن میشن بنابراین همیشه به یاد داشته باشید تگ script رو انتهای صفحه بعد از کدهاتون قرار بدید یعنی قبل از اینکه تگ body بسته شه.
نکته بعدی هم اینکه همیشه تو قسمت سولوشن برنامه ، فایل هاتون رو سازماندهی کنید و برای هر فایلی یک پوشه مجزا بسازید مثلا برای css ها ، تصاویر یا فایل های جاوااسکریپت پوشه های مجزا بسازید و کلاس ها و فانکشن ها رو داخل فایل های جداگونه قرار بدید و در آخر با فرم ، لینک کنید.
3 سال پیش
در تاریخ 1400/05/19 منتشر شده
است.
800
بـار بازدید شده