آموزش *جدید* AJAX - دوره کامل اصول پایه - قسمت 5: شیء XMLHttpRequest () - AJAX اصلی - XHR

*NEW* AJAX - Complete Fundamentals Course - Part 5: XMLHttpRequest() Object - Original AJAX - XHR

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

به این سری skillshare در AJAX خوش آمدید. این کلاس  پنجمین   در AJAX درباره شیء XMLHTTPREQUEST() است.

چه چیزی را در این کلاس Skillshare خاص پوشش می دهیم؟

ما تعداد زیادی از اطلاعات را در این مجموعه پوشش خواهیم داد، اما برای قسمت 5، می‌خواهید نحوه تنظیم درخواست AJAX با استفاده از شی XMLHttpRequest() را یاد بگیرید. (توجه: XMLHttpRequest اغلب به XHR کوتاه می شود).

شیء XHR برای مدت طولانی در دسترس بوده است. قدرتمند است. امتحان شده و آزمایش شده است. مایه شرمساری است که بسیاری از توسعه دهندگان واقعاً نمی دانند که چگونه کار می کند.

شیء XMLHttpRequest() تنها راهی بود که می‌توانستید از طریق HTTP به سرور متصل شوید. اگرچه امروز ما Fetch API مدرن را داریم (که در کلاس آینده با آن آشنا خواهیم شد)، قبل از اینکه بتوانید بدوید، باید راه بروید.

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

یادگیری در مورد شی XHR برای تسلط بر AJAX بسیار مهم است. اینجاست که همه چیز AJAX با شیء ساده XMLHTTPRequest() آغاز شد. اما اجازه ندهید این واقعیت که به اوایل دهه 2000 برمی گردد شما را گول بزند. این یک تکنیک فوق العاده قدرتمند و به خوبی اثبات شده برای ارسال و دریافت درخواست به و از یک سرور است.

AJAX یک مدل شگفت‌انگیز است و برای درک قدرت آن، باید نحوه عملکرد شی XHR در پشت صحنه را بدانید.

(p.s. d علی‌رغم نام آن،  XMLHttpRequest می‌تواند برای بازیابی هر نوع داده، نه فقط XML استفاده شود.)  

در این کلاس به چند مفهوم مهم مانند:

نگاه خواهیم کرد
  • چرا در مورد شی XHR یاد بگیرید؟
  • نحوه تنظیم درخواست AJAX
  • ویژگی readyState چیست
  • کنترل کننده رویداد onreadystatechange
  • ویژگی answerText چیست
  • خطر گوش ندادن به مقدار readyState 4
  • کدهای وضعیت
  • ویژگی answerType
  • رویداد در حال پیشرفت
  • نظارت بر پیشرفت آپلود
  • چالش ها
  • نگاهی اجمالی به درخواست POST
  • نمای کلی نمونه سمت سرور PHP
  • و یک دسته دیگر!

من نمی توانم صبر کنم.

بیایید شروع کنیم

--- در مورد اینکه AJAX چیست؟ دیگر نگاه نکنید ...

به دانشجویان Skillshare   به این مجموعه درباره AJAX خوش آمدید.

درک توسعه وب یک فرآیند مداوم است. برای اینکه به شما کمک کنم، تمام تلاشم را کرده‌ام تا   یک مجموعه جامع و در عین حال متمرکز   AJAX Skillshare را ساختار دهم که به روشی به شما ارائه می‌دهم بیشترین سود را برای شما دارد.

مجموعه My Skillshare در آموزش "چرا" کارها و نه فقط "چگونه" انجام دادن کاری بدون فکر به شما قابل تشخیص است.

سری AJAX من برای چه کسی است؟

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

شما باید کمی HTML و جاوا اسکریپت را بدانید. اگر تا به حال نام جاوا اسکریپت نشنیده اید، ممکن است برای شما مفید باشد که ابتدا کلاس های جاوا اسکریپت من را قبل از این یکی انجام دهید، اما این ضروری نیست.

این سری Skillshare AJAX   را می توان به تنهایی استفاده کرد (نیازی به انجام هیچ سری Skillshare دیگری ندارید)   برای رسیدن به اهداف خود.

AJAX چیست؟

AJAX به شما امکان می‌دهد اطلاعات برنامه وب خود را به صورت پویا به‌روزرسانی کنید،   بدون   به‌روزرسانی صفحه، و پخش جریانی بسیار مهم را تسهیل می‌کند. یک افزونه خوب به مجموعه مهارت های شما. هوشمند و قدرتمند.

به عنوان مثال. اگر کاربری بخواهد به محصول شما امتیاز دهد "⭐⭐⭐⭐⭐". شما نمی خواهید زمانی که کاربر تصمیم می گیرد به محصول شما یک بررسی ستاره ای بدهد، کل صفحه رفرش شود، به دلیل زمان غیر ضروری آن، به خصوص اگر صفحه شما بزرگ باشد.

یک مثال دیگر یک اتاق گفتگو است. به دلایل واضح، نمی‌خواهید هر بار که یک نظر یا پاسخ جدید ارسال می‌شود، صفحه به‌روزرسانی شود.

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

آیا می توانید ببینید که AJAX چقدر قدرتمند است و امروز چقدر ضروری است؟

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

اگر می‌خواهید یک توسعه‌دهنده وب تمام پشته شوید، باید   درباره AJAX و این چیزی است که این سری Skillshare درباره AJAX می‌دانید.

چرا این سری به اشتراک گذاری مهارت در AJAX اینقدر مهم است؟

  • وب سایت های مورد علاقه شما امروز از AJAX استفاده می کنند
  • کلاس‌های دیگر هنگام استفاده از AJAX (مانند jQuery یا Axios) در مورد کتابخانه‌های شخص ثالث به شما آموزش می‌دهند. این سری Skillshare به شما نحوه استفاده از AJAX خالص را آموزش می دهد. بدون میانبر معامله واقعی!
  • ایجاد درخواست های HTTP به صورت ناهمزمان در خط مقدم توسعه وب امروزی است. در واقع، دیگر توصیه یا کار انجام شده نیست که درخواست های HTTP را به صورت همزمان انجام دهید
  • دانستن نحوه درخواست سرور و گوش دادن سریع به پاسخ، مهارتی حیاتی برای هر توسعه‌دهنده وب است که تسلط یابد
  • به عنوان یک توسعه دهنده، شما با داده ها سر و کار دارید. این داده ها می توانند اشکال مختلفی داشته باشند، اما رایج ترین آنها XML و JSON
  • است
  • می توانید از AJAX برای انتقال HTML، تصاویر، جاوا اسکریپت، XML، JSON و حتی متن ساده از طریق اینترنت استفاده کنید. مجموعه My Skillshare همه اینها را پوشش می دهد
  • استفاده از AJAX باعث صرفه جویی در مصرف حافظه و افزایش سرعت سایت شما می شود. به عنوان مثال، Google Maps از AJAX استفاده می کند، بنابراین به جای بارگیری کل صفحه برای هر رویداد، بخش مورد نیازی را که شما فقط به آن نگاه می کنید بارگیری می کند. چقدر کارآمد نیست
  • AJAX تجربه کاربری بهتری را ایجاد می‌کند و هیچ استدلالی در آن وجود ندارد
  • امروزه هر مرورگر یک API (یا شی) داخلی به نام   XMLHttpRequest   شی یا   Fetch API دارد. این اشیاء به مرورگرها توانایی برقراری ارتباط با سرورها را در پشت صحنه می دهند. این بدان معناست که یک صفحه می‌تواند بدون مسدود کردن هر چیزی در رابط کاربری به‌روزرسانی (نه کاملاً آپلود) یکپارچه باشد
  • پس از تکمیل این سری AJAX Skillshare، مطمئناً آگاه، با اعتماد به نفس و فرد مورد علاقه برای درخواست های AJAX خواهید بود

به من اجازه دهید دانش AJAX خود را با شما به اشتراک بگذارم

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

از طریق درک و ارائه تجربه وب سریعی که کاربران امروزی انتظار دارند، کنترل را در دست بگیرید.

تسلط بر AJAX چالش برانگیز است.

در این سری Skillshare، من به توضیح AJAX و نحوه عملکرد آن به روشی واضح و ساده پرداختم. چرا به AJAX نیاز داریم؟ از کجا آمده؟ چرا API جدیدتر Fetch() معرفی شد؟ چرا باید شی XMLHttpRequest() را جایگزین کنیم؟ چرا هنگام استفاده از شیء XHR باید از کلمه کلیدی   new   استفاده کنیم؟ وعده ها چیست؟ استریم ها چیست؟ فرمت های مختلف داده ای که می توانیم از طریق اینترنت انتقال دهیم چیست؟ با درک (واقعاً   درک) این سؤالات، و بسیاری موارد دیگر در این سری Skillshare، می‌توانید به راحتی وب‌سایت‌های پیشرفته بسازید و از فرآیند پشته کامل استفاده کنید. شما می توانید سایت های پویا ایجاد کنید که تعامل و تجربه کاربر را بهبود می بخشد.

AJAX در کجا استفاده می شود؟

  1. اعتبار سنجی فرم

دریافت نتایج اعتبارسنجی تنها پس از ارسال فرم می تواند غیرعملی و خسته کننده باشد. می‌توانید از AJAX در اعتبارسنجی فرم استفاده کنید، تا به‌روزرسانی‌های لحظه‌ای نزدیک به     در تأیید اعتبار ارائه دهید.

  1. واکشی داده‌ها از پایگاه داده به صورت پویا بدون بازخوانی صفحه 

اگر نیاز به واکشی داده‌ها از پایگاه داده و نمایش آن‌ها در صفحه خود دارید (مانند نظر وبلاگ، پاسخ چت یا نام کاربر)، استفاده از AJAX یک ضرورت است.

  1. مرتب سازی یا فیلتر کردن

اگر نیاز به واکشی داده‌ها از پایگاه داده و نمایش آن‌ها در صفحه خود دارید (مانند نظر وبلاگ، پاسخ چت یا نام کاربر)، استفاده از AJAX یک ضرورت است.

  1. رأی یا رتبه   ★★★★★

اگر کاربر به چیزی رأی می‌دهد یا محصول شما را رتبه‌بندی می‌کند، نیازی نیست کل سایت به‌روزرسانی شود. رای گیری و نمایش نتایج را می توان با استفاده از AJAX به بهترین نحو انجام داد.

  1. وب سایت های چت

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

  1. نظرات وبلاگ

می‌توانید نظرات قبلی را بارگیری کنید یا می‌توانید یک وبلاگ جدید با AJAX پست کنید، آسان peasy.

  1. کپچا

برای ساختن کپچا (در اصل بارگیری مجدد کپچا) AJAX نیز بهترین پلتفرم برای استفاده است.

  1. جریان داده بیشتر

AJAX برای مصرف داده‌ها قبل از دانلود کامل استفاده می‌شود (در فضا و زمان شما صرفه‌جویی می‌شود) و تعداد زیادی دیگر!

بعد از تجربه سری Skillshare "AJAX" من که به روشی سرگرم کننده ارائه می کنم، آگاه و مطمئن خواهید بود.

چه چیزی را این سریال اشتراک‌گذاری مهارت پوشش می‌دهد

این سری Skillshare جامع است و اصول اساسی AJAX را پوشش می‌دهد.

AJAX  به این اشاره دارد که مرورگرها چگونه درخواست‌های HTTP را به سرورها به صورت ناهمزمان ارسال می‌کنند، به نتایج گوش می‌دهند و پس از دریافت آن، کاری با داده‌ها انجام می‌دهند. AJAX در مورد سرعت و کارایی است.

بنابراین می‌توانید AJAX را به عنوان موتوری در نظر بگیرید که کل این فرآیند رفت و برگشت بین مرورگر و سرور را مدیریت می‌کند.

به اندازه کافی ساده است.

تنها مشکل این است که برای درک واقعی AJAX، باید بسیاری از مفاهیم دیگر را درک کنید، و این یکی از جنبه های منحصر به فرد سری Skillshare و سبک تدریس من است.

توضیحات ساده و مثال های عملی به شما امکان می دهد موارد زیر را درک کنید:

  • نحوه نوشتن AJAX به بهترین روش
  • کد ناهمزمان چیست و چه تفاوتی با کد همزمان دارد
  • نحوه استفاده از AJAX برای ایجاد درخواست های ناهمزمان
  • حلقه رویداد در جاوا اسکریپت چیست
  • XML چیست و چه تفاوتی با JSON دارد
  • پروتکل HTTP چیست و پروتکل HTTP/2 و HTTP/3 چیست
  • توابع سازنده چیست
  • شی XHR چیست
  • API fetch() جدید چیست
  • وعده ها چیست
  • جریانها چیستند
  • چرا از Async/Await استفاده کنید
  • رابط URL، رابط درخواست، رابط سرصفحه و تعداد زیادی دیگر!

و بله، نمونه‌های واقعی   را کد می‌کنیم و به نحوه عملکرد AJAX نگاه می‌کنیم (هم از شی XMLHttpRequest و هم از Fetch API جدیدتر استفاده می‌کنیم).

چرا باید اینقدر در مورد AJAX یاد بگیرید؟

زیرا AJAX به شما امکان می‌دهد بخش‌های خاصی از صفحه وب خود را بدون بازخوانی صفحه به‌روزرسانی کنید. برای پخش و بیشتر استفاده می شود و امروزه استفاده از AJAX در وب سایت ها ضروری است. بهتر از این نمی شود!

*** مجموعه جامع AJAX در Skillshare ***

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

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

این به ویژه در مورد AJAX صادق است.

اگر می‌خواهید یک توسعه‌دهنده فول استک شوید، باید بدانید که چگونه درخواست AJAX را انجام دهید. باید بدانید که AJAX چگونه ایجاد شد، چرا API مدرن Fetch معرفی شد، Streams چیست، Promises چگونه کار می‌کند و چرا کلیدواژه‌های Async/Await معرفی شدند، و یکسری موارد دیگر!

یک رویکرد منحصر به فرد

این سری Skillshare شامل مثال‌های عملی و چالش‌ها و آزمون‌های سرگرم‌کننده است.

فهم اینکه چگونه AJAX   واقعاً   کار می‌کند موضوع بسیار گسترده‌ای است. برای اینکه شما را به سرعت بالا ببرم، یک تجربه یادگیری سرگرم‌کننده و جامع ایجاد کرده‌ام و محتوایی را که برای موفقیت باید بدانید را در بر می‌گیرد و آن را در   بهترین   راه ممکن برای بیشترین سود برای شما.

و من از جدیدترین و بهترین ویژگی‌های جاوا اسکریپت و مرورگرها در طول مسیر یادگیری استفاده می‌کنم تا بتوانید در کسب‌وکار خود جلوتر بمانید.

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

در پایان این سری Skillshare، با به دست آوردن درک درستی از نحوه ساخت آن و پیکربندی درخواست خود به روش‌های عملی، می‌توانید «صحبت کنید» و «راه بروید» AJAX. ما در هر کلاس عمیق‌تر می‌شویم، و این مجموعه Skillshare دارای سخنرانی‌های پاداش زیادی است که پایه دانش شما را گسترش می‌دهد و مهارت‌های شما را با چالش‌های سرگرم‌کننده آزمایش می‌کند.

این سری Skillshare بهترین مهارت‌های اساسی و عملی را با AJAX به شما ارائه می‌دهد.   می‌توان آن را به تنهایی استفاده کرد (نیازی به انجام هیچ سری Skillshare دیگری ندارید)   به به اهداف خود برسید شما از این سری Skillshare با درک پیشرفته و تجربه عملی در ایجاد درخواست های HTTP بیرون خواهید آمد. شما را به نقطه ای می برد که متوجه خواهید شد از چه روشی (GET یا POST) هنگام ارسال داده استفاده کنید، چگونه تعیین کنید که داده ها کجا می روند، چگونه یک موتور AJAX را راه اندازی کنید و چگونه خطاها را بررسی کنید. این دانش فوق‌العاده‌ای است.   این مجموعه Skillshare   شما را مجذوب خود می‌کند و شما را به سطح بعدی   می‌رساند و بخش مهمی از سفر شما برای تبدیل شدن به یک استاد بزرگ پیشرو در توسعه وب.

در این سری Skillshare همه چیز را در مورد AJAX خواهید آموخت. از اصول اولیه ساخت موتور AJAX تا یادگیری در مورد XML و JSON، کدهای ناهمزمان، پروتکل‌ها، توابع سازنده، Promises، Streams، پروتکل‌های HTTP، Fetch API، کلمات کلیدی Async/Await و API‌های مختلف مانند Fetch، رابط URL، رابط سرصفحه و رابط درخواست و یک دسته دیگر!

اگر می‌خواهید یک توسعه‌دهنده وب کامل شوید،   باید این سری Skillshare را در AJAX استفاده کنید!

این کلاس اشتراک مهارت چقدر متفاوت است؟

یکی از ویژگی‌های منحصربه‌فرد سری Skillshare من، جزئیات کلیدی است که درباره نحوه عملکرد AJAX در پشت صحنه ارائه می‌دهم – مهارتی که هر توسعه‌دهنده فول استک برای استفاده از پتانسیل برای بهبود باید بر آن مسلط باشد.

من از درس‌های ساده و مؤثر استفاده می‌کنم تا شما را فراتر از کتابخانه‌های آغازین مانند Axios یا jQuery ببرم. کتابخانه‌ها مفید هستند، اما جایگزینی برای دانش نیستند و زمانی که بتوانید کتاب خود را بنویسید، بهتر می‌توانید از کد کتابخانه استفاده کرده و آن را اصلاح کنید.

در این سری Skillshare، من بر جنبه اساسی تر AJAX تمرکز می کنم. من از جاوا اسکریپت ساده استفاده می کنم که زبان برنامه نویسی اصلی شما برای استفاده از AJAX است. هنگامی که در استفاده از جاوا اسکریپت با AJAX تسلط پیدا کردید، ادغام یک کتابخانه می تواند برای شما مفید باشد و ممکن است منطقی باشد.

برای اینکه بفهمم AJAX چگونه کار می‌کند، به موضوعاتی مانند پروتکل‌ها، توابع سازنده، کد ناهمزمان، انواع فرمت داده‌ها (JSON و XML)، Promises، Streams، مدیریت خطا و نحوه استفاده از کلمات کلیدی Async/Await با می‌پردازم. Fetch API.

تمرین

را عالی می کند

نظریه تئوری است ... اما هیچ چیز مانند پشت سر گذاشتن رایانه و تایپ کد وجود ندارد. به همین دلیل است که در طول این سری Skillshare، هنگام کدنویسی وب‌سایت‌ها و تمرین‌های واقعی، با هم برنامه‌نویسی می‌کنیم، می‌خندیم و موهایمان را می‌کشیم.

من عاشق تدریس هستم و اغلب از مثال های عملی استفاده می کنم، به همین دلیل است که از همان ابتدا با شما کدنویسی را شروع می کنم. من   به شما نشان خواهم داد که چرا شیء XHR یک تابع سازنده است. تفاوت بین JSON و XML را به شما   نشان خواهم داد. من به   به شما نشان می‌دهم که چگونه یک شیء XHR را تنظیم کنید،   به شما نشان می‌دهم که چگونه Promises بسازید،   را به شما نشان می دهد که Streams چیست و چگونه از Fetch API جدید استفاده کنید. این مفاهیم همه با کدگذاری مثال های واقعی به بهترین شکل آموخته می شوند. من نمی توانم صبر کنم.

آیا این کلاس اشتراک مهارت برای شما است؟

کاملاً. اگر در هر یک از این دسته‌ها قرار دارید، این سری Skillshare برای شما مناسب است:

شماره 1:   افراد پرمشغله   که می‌خواهند در کوتاه‌ترین زمان ممکن در AJAX گواهینامه و اطمینان کسب کنند.

شماره 2: برنامه‌نویسی میل.   شما می‌خواهید در دنیای برنامه‌نویسی پیشرفت کنید.

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

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

شماره 5: آژانس‌هایی که می‌خواهند به سرعت توسعه‌دهندگان خود را ارتقا دهند.

شماره 5: همه کسانی که می خواهند یاد بگیرند.

چرا از هم اکنون شروع کنید؟

در همین لحظه، رقبای شما در حال یادگیری نحوه تبدیل شدن به توسعه دهندگان وب بهتر هستند.

توسعه وب یک موضوع داغ و داغ است و قرار نیست در آینده سرد شود. ما بیشتر و بیشتر به وب نیاز داریم و پیشرفت ها در حال وقوع هستند. اما شما یک مزیت مشخص دارید. این مجموعه Skillshare موضوعات یادگیری به یاد ماندنی، تاکتیک‌های عملی و نمونه‌های واقعی را ارائه می‌دهد تا به شما کمک کند.

اجازه دهید شروع کنیم!

چه چیزی به دست می آورید؟

  • شما یک متخصص AJAX می شوید
  • پشتیبانی Q A.
  • تکالیفی برای کمک به یادگیری.

امیدوارم شما هم مثل من برای شروع و یادگیری هیجان زده باشید، و من نمی توانم صبر کنم تا به شما نشان دهم چگونه AJAX را با اطمینان در وب سایت های خود اعمال کنید.

شما را در کلاس می بینیم.

YIPPEE! شما اکنون بر شی XMLHttpRequest() مسلط شده اید.

قبل از تخصیص، اجازه دهید

را خلاصه کنیم

یادگیری در مورد شی XHR برای تسلط بر AJAX بسیار مهم است. نه تنها در دنیای واقعی با شی XHR روبرو خواهید شد، بلکه برای اینکه واقعاً بر چیزی مسلط شوید، باید شروع فروتنانه آن را درک کنید.

AJAX یک مدل شگفت‌انگیز است و برای درک قدرت آن، باید نحوه عملکرد شی XHR در پشت صحنه را بدانید.

ما در این کلاس موارد زیادی را پوشش دادیم، مانند:

  • چرا در مورد شی XHR یاد بگیرید؟
  • نحوه تنظیم درخواست AJAX
  • ویژگی readyState چیست
  • کنترل کننده رویداد onreadystatechange
  • ویژگی answerText چیست
  • خطر گوش ندادن به مقدار readyState 4
  • کدهای وضعیت
  • ویژگی answerType
  • رویداد در حال پیشرفت
  • نظارت بر پیشرفت آپلود
  • چالش ها
  • نگاهی اجمالی به درخواست POST
  • نمای کلی نمونه سمت سرور PHP
  • و یک دسته دیگر!

امیدوارم لذت برده باشید.

اما قبل از اینکه به کلاس بعدی بروید، زمان تکلیف آن است.

تکلیف چیست؟

برای این تمرین پروژه: 

  1. من یک پی دی اف
  2. پیوست کرده ام
  3. سوالات چند گزینه ای وجود دارد
  4. صادق باشید و سعی کنید قبل از رفتن به صفحه بعدی به هر سوال چند گزینه ای پاسخ دهید
  5. مهمتر از همه، لذت ببرید.

بعد از این کجا؟

این فقط قسمت 5 از کل مجموعه Skillshare در AJAX است. در کلاس بعدی (کلاس 6)، می‌خواهم کار با Fetch API مدرن را شروع کنم.

من نمی توانم صبر کنم!

کلاید

p.s. اگر از این کلاس لذت برده‌اید، لطفاً فراموش نکنید که یک بررسی عالی برای من بگذارید - این به من کمک می‌کند.


سرفصل ها و درس ها

درس ها Lessons

  • کد پی اچ پی PHP code

  • ویژگی answerType responseType property

  • پیشرفت دانلود - مقدمه Download progress - intro

  • دارایی readyState The readyState property

  • معرفی کلاس Class Introduction

  • چالش - مقدمه Challenge - intro

  • نمونه ای از استفاده از ReadState Example of using readyState

  • کلاس بیرونی Class outro

  • ویژگی answerText The responseText property

  • رویداد onload The onload event

  • چالش - اتمام مثال Challenge - finishing off the example

  • چرا در مورد شی XHR یاد بگیریم؟ Why learn about the XHR object?

  • رویداد onerror The onerror event

  • درخواست POST POST request

  • کدهای وضعیت - مقدمه Status codes - intro

  • کنترل کننده رویداد onreadystatechange چیست؟ What is the onreadystatechange event handler?

  • تنظیم درخواست AJAX Setting up an AJAX request

  • چالش - تنظیم کد ما Challenge - setting up our code

  • بررسی کدهای وضعیت Checking for status codes

  • نحوه نظارت بر پیشرفت آپلود How to monitor upload progress

درس ها Lessons

  • تنظیم درخواست AJAX Setting up an AJAX request

  • معرفی کلاس Class Introduction

  • کدهای وضعیت - مقدمه Status codes - intro

  • نحوه نظارت بر پیشرفت آپلود How to monitor upload progress

  • چالش - تنظیم کد ما Challenge - setting up our code

  • کنترل کننده رویداد onreadystatechange چیست؟ What is the onreadystatechange event handler?

  • چالش - اتمام مثال Challenge - finishing off the example

  • بررسی کدهای وضعیت Checking for status codes

  • رویداد onload The onload event

  • ویژگی answerType responseType property

  • رویداد onerror The onerror event

  • ویژگی answerText The responseText property

  • دارایی readyState The readyState property

  • درخواست POST POST request

  • کد پی اچ پی PHP code

  • پیشرفت دانلود - مقدمه Download progress - intro

  • نمونه ای از استفاده از ReadState Example of using readyState

  • کلاس بیرونی Class outro

  • چرا در مورد شی XHR یاد بگیریم؟ Why learn about the XHR object?

  • چالش - مقدمه Challenge - intro

نمایش نظرات

آموزش *جدید* AJAX - دوره کامل اصول پایه - قسمت 5: شیء XMLHttpRequest () - AJAX اصلی - XHR
جزییات دوره
2h 22m
20
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
16
4 از 5
دارد
دارد
دارد
CM Code_Zone
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

CM Code_Zone CM Code_Zone

نادرست | خنده دار است، زیرا حقیقت دارد

موفقیت قربانی می خواهد.

و فداکاری چیزی است که من در مورد آن بسیار می دانم.

من یک توسعه دهنده خودآموخته هستم، بنابراین می دانم که برای یک تازه وارد چقدر می تواند دشوار و دلهره آور باشد.

امروز، من همچنان به کدنویسی ادامه می‌دهم و از آخرین فناوری‌ها و زبان‌های برنامه‌نویسی مطلع می‌مانم.

وقت آن است که دانشی را که به دست آورده‌ام به اشتراک بگذارم و به موفقیت دیگران کمک کنم.