illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید تا کنون 6335 نفر در 14 دوره آموزشی سون لرن ثبت نام کرده اند !

سری آموزشی Ajax – جلسه اول : مقدمه

10 9921 ۲۸ اسفند ۹۲

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

شاید جلسات ابتدایی برای کسانی که با Ajax آشنایی کافی دارند، مقداری کسل کننده باشد، اما برای کسانی که میخواهند شروع کنند بسیار جذاب خواهد بود.

پس با ما همراه باشید.

چه چیزهایی مورد نیاز است؟

برای یادگیری Ajax شما بایستی به موارد زیر تسلط کافی را داشته باشید :

  1. Html
  2. Css
  3. Javascript
  4. و در نهایت برای موارد پیشرفته به Php نیز نیاز دارید.

هر چند سعی خواهم کرد که سورس هایی که قرار میدم رو کاملا توضیح بدم که به چه صورت عمل می کنند، ولی برای یادگیری بهتر، شما بایستی با زبان های فوق کار کرده باشید که دچار مشکلی در حین یادگیری نشید.

درضمن چونکه اجرای کدها بر روی لوکال خواهد بود پس باید شما یه سرور محلی نیز بر روی سیستمان (ومپ یا زمپ) نصب کنید تا در دیدن نتیجه کدها دچار مشکل نشوید.

نکته :

برای یادگیری زبان های ذکر شده، به سری های آموزشی سایت مراجعه کنید.

با یک سرچ کوچیک تو گوگل هم می تونید، لینک دانلود xampp یا wamp سرور رو پیدا کنید.

Ajax

کلمه Ajax (ای جکس یا آژاکس) مخفف عبارت Asynchronous Javascript And XML  می باشد که به معنای استفاده از XML و Javascript برای درخواست ها (request)ی همگام یا درلحظه. به این صورت که شما با استفاده از این دو زبان درخواست هایی به سرور ارسال می کنید سپس بدون نیاز به بارگذاری مجدد صفحه، پاسخ و نتیجه درخواستتان را دریافت و مشاهده خواهید کرد.

البته در نظر داشته باشید که Ajax زبان خاصی نیست که دارای روش کدنویسی مخصوص به خود یا دارای تگ یا عبارات خاص باشد، بلکه تلفیقی از فناوری هایی است به این صورت که :

  • نمایش استاندارد اطلاعات با استفاده از html و css
  • نمایش پویایی (Dynamic) و تعاملات صفحه با استفاده از DOM
  • تبادل و دستکاری داده ها با استفاده از XML و XSLT
  • بازیابی داده ها و درخواست ها با استفاده از XMLHttpRequest
  • و نهایتا Javascript برای سرهم بندی همه چیز با هم.

Ajax  چگونه کار می کند؟

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

فرض کنید همین درخواست لایک یا دیس لایک نظرات بخواهد بدون ajax کار کند؟! با اینکه یک درخواست کوچک از کاربر به سرور است، بایستی کل صفحه و محتوای آن دوباره بارگذاری شود که طبعا چیز خوشایندی نخواهد بود، و کسانی سرعت اینترنشان پایین باشد قطعا حتی از لایک کردن نظرات نیز فراری خواهند شد!

 

کاربردهای Ajax

از ای جکس می توان جهت طراحی و توسعه صفحات که جهت بالا بردن قدرت تعامل Interface سایت با کاربر و بالا بردن کیفیت عملکرد و قابلیتهای سایت استفاده کرد. امروزه در مبحث طراحی صفحات HTML تکنولوژی Ajax عامل حیات صفحه و ارضاء کاربر در مواجهه با Interface، تلقی می‌شود.

بعضی از کاربردهای Ajax عبارتنداز:

  • جستجوی همزمان : همزمان با اینکه شما عبارتی را در کادر جستجو تایپ می کنید، نتایج مرتبط با آن کلمه نیز همزمان برای شما نمایش داده می شوند.
  • autoComplate : همزمان با شروع به تایپ عبارت موردنظرتان ، برنامه سعی می کند که عبارت شما را حدس بزند. مانند جستجوگر گوگل.
  • دریافت نتیجه فوری : اعتبارسنجی فرم ها و نمایش خطا ها بدون نیاز به ارسال فرم. این مورد در هنگام پر کردن فرم های ثبت نام بسیار کاربرد دارد.
  • برنامه های Chat و بازی ها.
  • و...

بسیار خب دوستان، تا اینجا با Ajax و کاربرد های اون آشنا شدیم. در جلسه بعدی به بررسی DOM می پردازیم.

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 10 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏

    سلام
    خوشحالم که آقای دریس لطف کردن و این سری آموزشی جدید رو شروع کردن، از آموزش های قبلیشون نهایت استفاده رو بردیم

    خب آقای دریس عزیز، اولین سوال 😀
    گفتید که توی ای جکس، با استفاده از js و xml درخواست هایی رو برای سرور میفرستیم
    حالا یه سوال فنی! این یعنی اینکه نیازه xml هم بلد باشیم؟
    اگر آره، برای کسانی که html رو کامل بلدن، یادگیری xml چقد وقت میگیره؟

  • ‏‏

    سلام
    از سری آموزشی شما متشکر ، لطفاً در هر مثال از کاربرد Ajax در mvc هم توضیح دهید.

  • ‏‏

    اگر آموزش ajax شما مثل آموزش css تون باشه ، عالی میشه

  • ‏‏

    با سلام
    امکانش هست این قسمت هارو در زیر منو ” سری های آموزشی ” اضافه کنید؟ تا دسترسی به این آموزش ها راحتتر باشد …
    با تشکر

  • ‏‏
    سید علی(۲۳ مرداد ۱۳۹۳)

    سلام
    من نظرات رو که خوندم متوجه شدم که سری پیشرفته اموزش ها هنوز روی سایت نیست.میشه بگین با هیمن اموزش هایی که گذاشتین میشه از تمام کاربرد های ajax که توی قسمت کاربرد ها گفتین استفاده کرد یا نیاز به مطالعه ی چیز های دیگه هم داره؟
    ممنون

  • ‏‏
    Amir Amirmohseni(۲۵ بهمن ۱۳۹۴)

    سلام لطفاً به این درخواست حتماً پاسخ دهید.
    آیا این 5 مورد از سری آموزشی ajax کامل است. یعنی جلسه چهارم آخرین جلسه است یا هنوز ادامه دارد، اگر ادامه دارد چگونه به مطالب بعدی ajax دسترسی پیدا کنیم.

  • ارسال دیدگاه

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram