دوره مجازی جاوااسکریپت (جلسه 23): آموزش کدنویسی Ajax با جاوااسکریپت خالص



visibility  
mode_comment   ۲۵

در این جلسه با تکنولوژی ajax و کاربردهای اون آشنا خواهید شد. ابتدا به مزیت ها و کاربردهای متنوع Ajax در صفحات وب خواهیم پرداخت و سپس آموزش کدنویسی ایجکس را با کدهای جاوااسکریپت خالص و بدون هیچ گونه کتابخانه ای به شما خواهیم داد. در این جلسه با ذکر مثال هایی جالب سعی کردیم نحوه کار کلی برنامه های ایجکس رو تدریس کنیم. در جلسه آینده هم با کدنویسی Ajax در کتابخانه جی کوئری آشنا خواهید شد .

مطالب مطرح شده در این جلسه عبارتند از :

  • تشریح مفهوم ایجکس و تعریف آن
  • کاربردها و مزیت های استفاده از Ajax در صفحات وب
  • ترکیب تکنولوژی های موجود، عامل پیدایش Ajax
  • نمایش مثال های واقعی از کاربردهای ایجکس در صفحات وب
  • آموزش نحوه صحیح کدنویسی ایجکس با کدهای خالص جاوااسکریپت
  • نحوه لود کردن فایل های سمت سرور و نمایش محتوای آن ها با استفاده از ایجکس
  • شئ XMLHttpRequest و نحوه تعریف صحیح آن برای سازگاری با اینترنت اکسپلورر
  • نحوه ارسال درخواست ایجکس و دریافت پاسخ آن
  • ارسال درخواست های ایجکس با متدهای get و post
  • کدنویسی یک مثال جالب برای حذف یک سطر از صفحه وب و حذف بخش متناظر آن در سمت سرور
info توجه

این مطلب یک جلسه از آموزش جاوا اسکریپت حرفه ای می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در آموزش جاوا اسکریپت حرفه ای

comment دیدگاه کاربران
mehdi karimi replyپاسخ

یکی از سخت ترین جلسه های این دوره بود استاد 😀
تا الان دوبار دیدم تا به زحمت درک کردم اوضاع از چه قراره
خدا بقیه ajaxo بخیر کنه 😀

لقمان آوند

کار با ایجکس تو جی کوئری خیلی راحته … نگران نباشید …
یکم تمرین کنید براتون خیلی ساده میشه.

mehdi karimi

استاد یه مینی پروژه توی جلسه 7 پی اچ پی هست که با جستجو به طور همزمان یک سری پیشنهادات میاد ، میشه اینو بدون استفاده از پی اچ پی تو یکی از جلسه ها آموزش بدید ؟
مثلا ما یک لیست اسم داریم که با نوشتن قسمتی از اون نمایش داده بشه
باز مثل مبحث فیلتر کردن تو فریمورک آنگولار

لقمان آوند

بالاخره یه سمن ایجکس سرور هست و باید از php استفاده کنید یا یه فایلی که حاوی اون اسامی باشه رو بخونید …

hassani replyپاسخ

سلام
من این جلسه رو خوب فهمیدم فقط مثالهای بیشتری لازم دارم تا ajax رو به صورت کاربردی تر در صفحات وب یاد بگیرم و اینکه بدون دونستن php حداقل در این جلسه انگار اون داده هایی که به فایل php ارسال میکردیم بی تاثیر و غیر کاربردی بود پس php حتما لازمه.
و در مورد اون مزیت نوع دوم تعریف regex هم فکر نکنم خیلی لازم بشه به جز موارد خاص. درسته؟
خسته نباشید.

هدایت عباسی replyپاسخ

سلام استاد. چرا این آموزش این قدر غیرمنظم شد؟ لطفا سریع تر آموزش پیش ببرید. قرار بود هفته ای 2 الی 3 جلسه باشه

لقمان آوند

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

Amir Yunesi replyپاسخ

با تشکر از شما
ajax با jquery کی ارائه میدین؟

لقمان آوند

سلام
کسالتی برام پییش اومده و نتونستم ضبط کنم. یه اطلاعیه فردا میزنیم روی سایت ببینید .

مجید موثق replyپاسخ

سلام جناب آوند عزیز
یه کارفرما میفرمود؛ پروژه ای داره که به قول خودش باید فول ایجکس میشد؟!
امکان پذیر هست اینکار؟
تو اینترنت یه خورده گشتم سایت مناسبی پیدا نکردم..
میشه راهنمایی کنید.. سایتی که کلا بر پایه ایجکس باشه مناسبه؟ نقاط ضعف و قوتش؟

لقمان آوند

سلام
بله میشه فول ایجکس باشه.
البته در کنار ظاهر جذاب و خوبش مشکلاتی مثل ضعف در سئو و عدم پشتیبانی قطعی در همه مرورگرها رو می تونه داشته باشه …

mehdi sabbat replyپاسخ

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

وحید صالحی

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

masoudrad replyپاسخ

با سلام خدمت استاد آوند.
امیدوارم که حالتون خوب شده باشه. می خواستم بدونم که از کی شروع به ادامه ی این دوره می کنین؟

لقمان آوند

خدارو شکر رو به بهبودی هستم . اگه همینطور باشم ایشالله از اواخر هفته آینده ضبط و انتشار جلسات از سر گرفته میشه .

mehdi karimi replyپاسخ

سلام ، یک درخواست کردم من که تاییدش نکردید دوباره مطرح میکنم امیدوارم تایید کنید !
لطفا تو یکی از پروژه ها نحوه ساخت این جستجوی پیشرفته که داخل این سایت در سمت راست هست رو آموزش بدید
http://lenz.varzesh3.com/#!/

لقمان آوند

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

mehrdad_MK replyپاسخ

سلام استاد … خسته نباشید …
استاد من یه کدی دارم که زمانی که رو یک دکمه کلیک میشه یه تابع صدا زده میشه که کار این تابع 1 ثانیه طول میکشه ….میخواستم تا زمانی که این یک ثانیه تمام نشده هر چقدر هم که دکمه زده بشه باز هم تابع صدا زده نشه … اون یک ثانیه هم با transition های CSS هستش ….
ممنون ….

کیوان علی محمدی

سلام بعد از فشردن دکمه اون غیر فعال کنید و بعد یه timeout جاوااسکریتی ست کنید که بعد از یک ثانیه دوباره دکمه فعال بشه.

حمید رضا مصطفی زاده replyپاسخ

سلام استاد
ببخشید من پشت سر هم ویدوها رو دیدم سوالات رو یکجا میپرسم تو جلسات.
استاد تو فایل ajax-js.html اون قسمتی که دو تا فایل متنی text رو اضافه کردید و اون ها رو از بیرون لود کردید.من تو اون فایل های متنی با پسوند text تغییرات ایجاد کردم و یه متن دیگه هم به ادامش نوشتم اما بازم همون متن قبلی رو نمایش داد!!!
از لحاظ سیو کردن فایل و رفرش کردن صفحه و خوب کار کردن زمپ هم مطمن هستم.
اشکال چیه که نمیتونه تغییرات فایل های تکس رو اعمال کنه؟

لقمان آوند

احتمالا تو کش مرورگر مونده. ctrl+f5 بزن …
دیدن پشت سر هم ویدیوها کار اشتباهی هست. هر یکی دو روز حداکثر یک جلسه رو ببینید و خوب تمرین کنید وگرنه بازده خوبی در یادگیری نخواهید داشت.

Mojtaba Hoseini replyپاسخ

سلام و وقت بخیر
استاد این ajax حتما باید تحت لوکال هاست اجرا بشه؟؟
من یه فایل html رو تو درایوی دستی درست کردم و کد ها رو دستی نوشتم با نوت پد
وقتی اجراش میکردم ارور میداد که فقط از http پشتیبانی میکنه

وحید صالحی

روی سرور باید باشه چه local روی سیستمون و استفاده از وب سرویسی مثل wamp یا روی سرور در اینترنت توی درایو که شما وب سرور ندارید که اجرا بشه!

اشکان باقری replyپاسخ

سلام استاد خسته نباشین. تو این جلسه شما ی تکنیک برای لود گفتین. در برخی از سایت ها دیدم که قبل از لود شدن صفحه یک prograss bar از 0تا100 پر میشه. اون تکنیکش چه جوری هست؟

لقمان آوند

سلام
این کتابخونه رو استفاده کنید.

ارسال نظرات

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