jquery 3.ایجاکس در
Download
Report
Transcript jquery 3.ایجاکس در
پروژه درس مهندسی اینترنت
1
استاد مربوطه:آقای زمانیان
تهیه کننده:الدن مداح
دانشکده برق و کامپیوتر
بهار 92
2
:فهرست
Jquary.1
Ajax.2
jquery ایجاکس در.3
3
jquary
jQueryیک کتابخانه جاوااسکریپت سبک وزن چند مرورگری میباشد که برای
ساده کردن نوشتن اسکریپهای سمت-مشتری دراچ تی ام ال ( )HTMLطراحی شده
است.جی کوئری امروزه محبوبترین کتابخانه جاوااسکریپت در حال استفاده است.
دستور زبان جی کوئری به گونهای طراحی شده است که عمل هدایت یه پرونده را
اسان تر کرده باشد ،بدین صورت که میتوان حرکات انیمیشین ایجاد کرد و
رویدادهای صفحه استفاده کند .
4
جدا از اینها جی کوئری به توسعه دهندگان این اختیار را میدهد که تکه برنامههای
سطح پایین مبادلهای (ارتباط مرورگر با کاربر) و یا انیمیشنی و حتی افکتهای
پیشرفته و سطح باال و ایجاد اشیا فرضی را ایجاد کنند .به کارگیری همه این اجزای
جی کوئری کمک میکند صفحات وب قدرتمند و داینامیک (پویا) داشته باشیم.
5
ajax
ajaxیک تکنیک برای جذاب کردن صفحات وب و از طرف دیگر باال بردن سرعت
بروز رسانی صفحات است.
دربازدید از یک صفحه وب با کلیک بر روی هر لینک یا دکمه ای برای تغییر محتوای
صفحه و یا ارسال یک فیلد به سرور باید تمام صفحه بروز شود و این به معنی
درخواست تمام عکسها ,لوگوها و کدها از سرور می باشد اما شما با استفاده از این
تکنیک فقط قسمتهای مورد نیاز را بروز میکنید و برای انجام هر عملیاتی نیاز به بروز
کردن کل صفحه نیست این کار توسط فناوری ajaxانجام میشود.
6
7
تابع getو : post
;)$.post(url,data,callback,type
;)$.get(url,data,callback,type
این دو تابع همان طور که از نامشان پیداست با دو متد مختلف postو getاسکریپت
urlرا از سرور فراخوانی نموده و نتیجه را توسط تابع callbackبرمیگردانند.
آدرس اسکریپتی که سمت سرور باید اجرا شود url :
}… : {name:value,name:value,داده هایی که به سرور فرستاده میشود Data :
تابعی است که هنگامی که داده ها از سرور به طور کامل بارگزاری شد Callback :
.صدا زده میشود
نوع داده های خروجی از سرور را مشخص میکند و میتواند مقادیر Type :
)(html,xml,json,jasonp,script,textباشد.
8
jQueryو ایجاکس :
Jqueryکتابخانه ای بسیار کارآمد برای کار با تکنولوژی Ajaxدر خود دارد .
قبل از شروع باید بدانیم Ajaxچیست ؟
Ajaxمختصر شده عبارت Asynchronous JavaScript and XMLمیباشد .این
تکنولوژی اولین بار برای استفاده از داده های Xmlدر جاوا اسکریپت ایجاد شد.
Ajaxیک زبان برنامه نویسی نیست .بلکه تکنولوژی برای ارتباط با سرور از طریق
جاوااسکریپت و ایجاد صفحات داینامیک میباشد .
هسته اصلی ایجاکس شیی به نام XMLHttpRequestمی باشد .
بطور مختصر :ایجاکس ارتباط غیر مستقیم و تبادل اطالعات با وب سرور است
بطوریکه همه چیز در بک گراند اتفاق بیافتد و نتیجه فقط در قسمتی از صفحه نمایش
یابد بطوریکه کل صفحه نیاز به بازنگری نداشته باشد .
9
ایجاکس در : jquery
در jqueryتوابعی برای کار با ایجاکس وجود دارد که کار را با این تکنولوژی
بسیار آسان نموده است .توسط این توابع میتوان تبادل اطالعات را با سرور
بصورت TXT , HTML , XMLو JASONو با استفاده از دو متد GETو POST
انجام داد .
و شما میتوانید اطالعات نتیجه که از سرور بدست می آید را در عنصر انتخابی
( ) selectorبه نمایش در آورید .
10
تنها تفاوت این دو تابع در نوع ارسال داده به سرور است که اولی از متد post
استفاده مینماید و دومی از متد . getبنابراین در صورتی که میخواهید فقط فایلی
را از سرور بازخوانی نمایید و قصد ارسال داده به سرور را ندارید ،بهتر است از
تابع getاستفاده نمایید ( .و یا تابع . ) load
11
12