آموزش *جدید* AJAX - دوره کامل اصول پایه - قسمت 8: واکشی پیشرفته (خطاها، ویژگی OK و غیره)

به این سری SKILLSHARE در   AJAX خوش آمدید. این کلاس   هشتم   در AJAX است.

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

ما تعداد زیادی از اطلاعات را در کل این مجموعه پوشش داده‌ایم، اما برای   قسمت 8، ما قصد داریم به بررسی عمیق‌تر Fetch API .

در این مرحله از سری، شما از قبل می دانید که AJAX چگونه کار می کند. شما قبلاً می دانید که چگونه یک درخواست Fetch را تنظیم کنید. با این پایه مستحکم، اکنون آماده یادگیری مفاهیم مختلفی مانند: 

• روش ()res.json چه کاری انجام می دهد و چه تفاوتی با شی JSON جاوا اسکریپت دارد
• کاری که متد res.text() و res.blob() انجام می دهند
• نحوه ارسال گزینه ها در درخواست Fetch
• رابط درخواست چیست
• رابط سرصفحه چیست
• رابط URL چیست
• واکشی رسیدگی به خطا
• ویژگی OK
• نحوه انجام درخواست POST با استفاده از Fetch
• چالش ها
• و یک دسته دیگر!

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

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

---  کنجکاو هستید که   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" من که به روشی سرگرم کننده ارائه می کنم، آگاه و مطمئن خواهید بود.

آنچه را این مجموعه SKILLSHAR پوشش می‌دهد

این سری 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)، وعده‌ها، جریان‌ها، مدیریت خطا و نحوه استفاده از کلمات کلیدی 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 را با اطمینان در وب سایت های خود اعمال کنید.

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

بطری را پاك كن!  این کلاس را درباره درخواست‌های واکشی پیشرفته تکمیل کرده‌اید. آفرین.

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

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

با داشتن این دانش، این بخش Fetch را با جزئیات کامل بررسی کرد.

به بررسی روش‌هایی پرداختیم که می‌توانیم در جریان قابل خواندن (که بدنه پاسخ به ما داده است) برای دریافت داده‌های مورد نیاز خود استفاده کنیم. ما متدهایی مانند json() ، text() ، blob() و موارد دیگر را بررسی کردیم.

اما بیایید رسیدگی به خطاها را فراموش نکنیم (ببینید در آنجا چه کار کردم).

ما به کنترل کننده .catch()، ویژگی ok، نحوه انجام درخواست POST و موارد دیگر نگاه کردیم.

در این مرحله از دوره، شما اصول AJAX را به کار گرفته اید!

اما کار ما کاملاً تمام نشده است.

در بخش بعدی نحوه بهبود تماس واکشی شما (که قبلاً بهبود یافته است) را بررسی خواهیم کرد.

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

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

تکلیف چیست؟

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

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

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

این قسمت 8   از کل مجموعه Skillshare در AJAX است. در کلاس بعدی  ، کلاس FINAL، می‌خواهم به شما نشان دهم چگونه از کلمات کلیدی async/wait استفاده کنید. من می خواهم به شما یاد بدهم که آنها چگونه کار می کنند و این نیاز به بحث در مورد حلقه رویداد جاوا اسکریپت دارد.

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

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