پروژه ی مهندسی اینترنت

1. پروژه ی مهندسی اینترنت دانشگاه صنعتی خواجه نصیرالدین طوسیدانشکده مهندسی کامپیوتر ارائه دهنده : ساغر رشیدیاستاد مربوطه: جناب دکتر زمانیانتیر ماه 1392

2. فهرست مطالب • مقدمه • Jquery • Ajax • Jqueryدر Ajax 4 5 11 1

3. مقدمه • درسال های متمادی ، جاوااسکریپت هم یادگیری سختی داشت و منبع آموزشی خوب براش کم پیدا می شد، هم کاربرد قابل قبولی براش نبود و هم باعث مشکلات امنیتی میشد. اما با گذشت زمان، رونق گرفتن Ajax، بیشتر شدن ایده های سمت کلاینت و افزایش امنیت مرورگرها که به دلیل توسعه مرورگرها بود، جاوااسکریپت خواهان بیشتری پیدا کرد.اما وقتیJqueryمتولد شدتحولی در محیط وب به وجود آمد.

4. Jquery • یک کتابخانه یا Libraryجاوا اسکریپت میباشد. • به دلیل کم حجم بودن،client sideبودن و سازگاری با اکثر مرورگر ها محبوبیت زیادی دارد. • یک نرم افزار open sourceمی باشد و استفاده از آن برای همه رایگان است و تحت LICENSEهای GPLوMITمی باشد.

5. Ajax • ماهيت صفحات وب و پروتکلHTTPبه گونه‌اي است که به طور معمول وقتي درحال وب‌گردي هستيم، به ازاي هر کنش و واکنش ميان ما و سايتي که در حال کار با آن هستيم، کل يک صفحه وب از نو بارگذاري و refreshمي‌شود. • یعنی، صفحه به طور کامل (حتی بخش هایی که تغییر نکرده اند) به سرور ارسال شده و در واقع صفحه مجدد لود می شود،سپس در اجرای جدید صفحه نتیجه تغییر ایجاد شده نمایان می شود.

6. Ajaxاشکالات نبود • تصور کنید شما به طور مداوم می خواهید محتویات یک صفحه را تغییر دهید ، با هر بار ایجاد تغییر و ارسال کل صفحه به سرور، چند مشکل عمده به وجود می آید : • با ارسال کل حجم صفحه ( به جای بخشی که فقط تغییر کرده است ) و افزایش حجم اطلاعات مبادله شده ، مدت زمان فرایند پردازش افزایش یافته و باعث اتلاف وقت کاربر می شود . • باعث افزایش ترافیک سرور می شود . • باعث مصرف پهنای باند و مدت زمان بیشتر اینترنت می شود . • در فرایند گسترده ایجاد تغییرات و ارتباط با سرور ، صفحه مرتبا لود و فراخوانی می شود .

7. راه حل این مشکلات • تکنیک Ajaxبرای حل این مشکلات ابداع شد. • واژهAjaxسرنام عبارتAsynchronous Java and XML و به معني ترکيب نامتقارن java scriptوXMLاست. • تکنیک Ajaxمانع ارسال کل صفحه به سرور و فراخوانی آن در هنگام تغییر در یک بخش از صفحه می شود. Ajaxیک زبان برنامه نویسی نیست،بلکه تکنولوژی برای ارتباط با سرور از طریق جاوااسکریپت و ایجاد صفحات داینامیک میباشد . • در واقعAjaxارتباط غیر مستقیم و تبادل اطلاعات با وب سرور است بطوریکه همه چیز در بک گراند اتفاق بیافتد و نتیجه فقط در قسمتی از صفحه نمایش یابد بطوریکه کل صفحه نیاز به refreshنداشته باشد .

8. دیاگرام نشان دهنده نحوه کار Ajaxهسته اصلی Ajaxشیای به نام XMLHttpRequestمی باشد.

9. Ajaxاهمیت دیگر • اين فناوري از يک جنبه ديگر نيز اهميت دارد. به‌دليل عدم نياز به بارگذاري مجدد کل يک صفحه وب، مقدار داده‌هايي که لازم است براي تکميل يک Interaction ميان کاربر و سايت مبادله شود، به شدت کاهش مي‌يابد. • اين به معني افزايش محسوس سرعت نرم‌افزارهاي تحت وب، سهولت به‌کارگيري اينترفيس‌هاي مبتني برAjaxو کاربرپسندتر شدن آن‌ها مي‌شود.

10. مثالی ساده از کاربرد Ajax • یکی از موارد کاربرد Ajax ، قابلیت Suggest در موتور جستجوی گوگل است. هنگامی که شما یک حرف را در کادر موتور گوگل وارد می کنید، یک عملیات پردازش انجام شده و به شما کلماتی که با حرف یا حروف وارد کرده شما، شروع می شوند را در یک کادر نمایش می دهد.

11. Ajax درJquery • Jquery کتابخانه ای بسیار کارآمد برای کار با تکنولوژی Ajax در خود دارد. • در Jqueryتوابعی برای کار با Ajaxوجود دارد که کار را با این تکنولوژی بسیار آسان نموده است. توسط این توابع میتوان تبادل اطلاعات با سرور را با استفاده از دو متد GET و POST انجام داد.

12. تابع ajax • یکی از توابع کار با Ajaxدر Jqueryتابع "ajax" میباشد: $.ajax(option) • برای استفاده از این تابع باید تمام پارامتر های ارسال را توسط آرگومان option به سرور ارسال نماییم، در نتیجه کار با این تابع به نسبت سایر توابع دشوار تر می باشد. • در ادامه به بررسی برنامه ای ساده در ASP.net که در آن از متد ajax در Jquery استفاده شده می پردازیم.