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

دسته بندی: جاوا اسکریپت
زمان مطالعه: ۲ دقیقه
۲۴ شهریور ۱۳۹۴

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

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

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

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

ثبت نام در آموزش javascript

نویسنده
بیش از 15 سال هست که برنامه نویسی می کنم و از بین همه زبون هایی که کار کردم جاوا، اسمبلی و php رو دوست دارم. دانشجوی دکترای نرم افزارم و توی دانشگاه روی پردازش بیگ دیتا و پردازش موازی کار کردم و عاشق چالش از هر نوعیش هستم! سون لرن مثل بچه منه که 12 سال براش وقت گذاشتم، اینجا همه تلاش می کنیم از شروع یادگیری تا ورود به بازر کار حوزه برنامه نویسی و IT همراهتون باشیم.

جلسات دوره

نظرات کاربران

nassim hosseiny

سلام استاد گرامی , دچار مشکل شدم در اجرا زمانی که روی button ها کلیک می کنم کد اجرا نمیشه و با این error رو به رو میشم حتی کدی هم که خودتون در اختیارمون قرار دادید هم استفاده کردم باز مشکل رو داشت . سرچ که کردم guid mozila نوشته بود که این متد ها در خواست های غیر از http url ها رو نادیده میگیرند.
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at file:///C:/wamp64/www/jsr/7learn.txt. (Reason: CORS request
not http)
راه حل چی میتونه باشه ؟

hashem

سلام استاد عزیز این جلسه چقدر نامفهوم بود فکرکنم پیش نیاز این جلسه php بود بهتر نیست این جلسه رو بعد از آشنایی با php مرور کنم چون الان اصلا نفهمیدم

اشکان باقری

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

لقمان آوند

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

Mojtaba Hoseini

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

وحید صالحی

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

حمید رضا مصطفی زاده

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

لقمان آوند

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

mehrdad_MK

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

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

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

mehdi karimi

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

لقمان آوند

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

masoudrad

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

لقمان آوند

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

mehdi sabbat

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

وحید صالحی

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

لقمان آوند

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

لقمان آوند

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

لقمان آوند

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

لقمان آوند

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

پایان زمان پشتیبانی

دانشجوی گرامی، بازه پشتیبانی فعال برای این دوره ۳ ماه است که برای شما به پایان رسیده است.

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

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
گزارش مشکل