آموزش ایجکس API JSON: اتصال به دادههای JSON با استفاده از ایجکس در صفحه وب - آخرین آپدیت
دانلود AJAX API JSON Connect to JSON data using AJAX webpage
آموزش جاوا اسکریپت برای مبتدیان: کار با اشیاء JSON و درخواستهای AJAX
یاد بگیرید چگونه با استفاده از جاوا اسکریپت، به نقاط پایانی مختلف وب متصل شوید و دادههای JSON را برای استفاده در وبسایت خود دریافت کنید.
دادههای JSON و اشیاء جاوا اسکریپت
JSON (JavaScript Object Notation) یک فرمت فایل با استاندارد باز یا فرمت تبادل داده است که از متن قابل خواندن توسط انسان برای انتقال اشیاء دادهای متشکل از جفتهای ویژگی-مقدار و انواع داده آرایهای استفاده میکند. این یک فرمت داده بسیار رایج، با طیف متنوعی از برنامهها است.
JSON یک فرمت داده مستقل از زبان است. از جاوا اسکریپت مشتق شده است، اما بسیاری از زبانهای برنامه نویسی مدرن شامل کدهایی برای تولید و تجزیه دادههای فرمت JSON هستند. نوع رسانه اینترنتی رسمی برای JSON، application/json است. نام فایل های JSON از پسوند .json استفاده می کنند.
AJAX (Asynchronous JavaScript + XML) مجموعهای از تکنیکهای توسعه وب است که از بسیاری از فناوریهای وب در سمت مشتری برای ایجاد برنامههای وب ناهمزمان استفاده میکند. با Ajax، برنامههای کاربردی وب میتوانند دادهها را از یک سرور بهطور ناهمزمان (در پسزمینه) بدون تداخل با نمایش و رفتار صفحه موجود، ارسال و بازیابی کنند. Ajax با جدا کردن لایه تبادل داده از لایه ارائه، به صفحات وب و در نتیجه برنامههای وب اجازه میدهد تا محتوا را بهصورت پویا بدون نیاز به بارگیری مجدد کل صفحه تغییر دهند.
در عمل، پیادهسازیهای مدرن معمولاً از JSON بهجای XML استفاده میکنند.
آنچه در این دوره خواهید آموخت:
- اشیاء جاوا اسکریپت و نحوه استفاده از آنها در کد برای بازیابی مقادیر و ذخیره گروه هایی از مجموعه داده های مرتبط
- آرایههای جاوا اسکریپت - یک ساختار داده که معمولاً در JSON برای شامل کردن اشیاء استفاده میشود
- مقایسه JSON با اشیاء جاوا اسکریپت
- پیمایش محتویات آرایه
- تجزیه و رشتهای کردن JSON (JSON parse and Stringify)
- ابزارهای آنلاین برای کمک به اتصال به نقاط پایانی و اشکال زدایی درخواست های AJAX
- استفاده از JavaScript Fetch برای بازگرداندن محتوا
- متدهای GET و POST به نقاط پایانی وب
- نمونه های مختلف API های وب باز
کد منبع شامل است.
شیء جاوا اسکریپت (JavaScript Object)
یک شیء، مجموعه ای از داده ها و/یا عملکردهای مرتبط است.
- توابع می توانند در اشیاء جاوا اسکریپت گنجانده شوند که به آنها متد در داخل شیء گفته می شود.
- نام اشیاء جاوا اسکریپت نیازی به نقل قول ندارند، می توانند تک، دوتایی یا هیچ باشند.
- مقادیر می توانند رشته ها، اعداد، بولیان ها، آرایه ها، اشیاء باشند.
با تنظیم یک نام متغیر و اختصاص دادن {} به متغیر، یک شیء ایجاد کنید.
نام اشیاء می توانند مقادیر اشیاء و آرایه های دیگر را در خود جای دهند.
می تواند چندین سطح عمیق شود، به هر تعداد که مورد نیاز باشد.
نحوه دسترسی با نقطه (.) : نام شیء (person) به عنوان فضای نام عمل می کند، سپس یک نقطه، سپس موردی که می خواهید به آن دسترسی پیدا کنید.
نحوه دسترسی با براکت ([]) : قالبی مشابه آرایه ها، به جای استفاده از یک عدد شاخص برای انتخاب یک مورد، از نام مرتبط با مقدار هر عضو استفاده می کنید.
آرایه جاوا اسکریپت (JavaScript Array)
یک آرایه می تواند چندین مقدار را در خود جای دهد.
آرایه ها نمی توانند از رشته ها به عنوان شاخص های عنصر استفاده کنند، بلکه باید از اعداد صحیح استفاده کنند.
آرایه ها مبتنی بر صفر هستند، اولین مقدار شاخص همیشه 0 است.
مقادیر آرایه می توانند رشته ها، اعداد، بولیان ها، آرایه ها یا اشیاء باشند.
طراحی اشیاء و آرایه ها برای نگهداری مقادیر زیاد است. شما می توانید از طریق محتوا به روش های مختلف با استفاده از جاوا اسکریپت حلقه بزنید.
شما می توانید با استفاده از تعدادی از متدها در جاوا اسکریپت، در داده های آرایه حلقه بزنید. آرایه ها برای یافتن مقدار مرتبط با آن به شاخص نیاز دارند. اگر اشیاء در داخل گنجانده شده باشند، باید آنها را به همان روش ساختار دهید تا بررسی مقادیر موجود در آنها آسان تر شود.
اشیاء طول دارند، بنابراین استفاده از یک حلقه for امکان پذیر است. همچنین Object.entries وجود دارد که می تواند کلید و مقدار را از شیء دریافت کند.
داده ها را به همان صورت ساختار یافته نگه دارید تا بتوانید به راحتی محل مقادیر را تعیین کنید.
متد JSON.stringify() یک شیء یا مقدار جاوا اسکریپت را به یک رشته JSON تبدیل می کند.
متد JSON.parse() یک رشته JSON را تجزیه می کند و مقدار یا شیء جاوا اسکریپت توصیف شده توسط رشته را می سازد.
شیء JSON حاوی متدهایی برای تجزیه JavaScript Object Notation (JSON) و تبدیل مقادیر به JSON است.
- اشیاء و آرایه ها: نام ویژگی ها باید رشته های نقل قول شده باشند. کاماهای انتهایی ممنوع است.
- اعداد: صفرهای اصلی ممنوع است. یک نقطه اعشار باید حداقل با یک رقم دنبال شود. NaN و Infinity پشتیبانی نمی شوند.
لطفاً توجه داشته باشید که دامنه این دوره با استفاده از جاوا اسکریپت و خروجی داده JSON از طریق جاوا اسکریپت است. اگر به دنبال یک دوره مفصل تر جاوا اسکریپت هستید، این دوره برای شما مناسب نیست. دوره ساده با دامنه محدود که به طور خاص برای یک موضوع طراحی شده است.
آموزش توسط یک مدرس با بیش از 20 سال تجربه توسعه وب.
اگر به دنبال شروع کار با AJAX و JSON بوده اید - این دوره برای شما است!!!!
چیزی برای از دست دادن نیست - پشتیبانی سریع و دوستانه همیشه برای کمک در صورت نیاز در دسترس است.
لطفاً توجه داشته باشید که دامنه این دوره ایجاد یک API ساده و JSON است و دستورات پیچیده و همه چیز در مورد جاوا اسکریپت را پوشش نمی دهد، دوره نحوه شروع کار - اگر به دنبال محتوای نود یا جاوا اسکریپت مفصل تری هستید، این دوره برای شما مناسب نیست.
مقدمهای بر AJAX و استفاده از دادههای JSON برای برنامههای وب Introduction to AJAX and JSON data use for web applications
-
معرفی API JSON API JSON Introduction
-
معرفی JSON Introduction to JSON
-
اشیاء جاوااسکریپت JavaScript Objects
-
کد منبع Source Code
-
آرایههای جاوااسکریپت JavaScript Arrays
-
کد منبع Source Code
-
محتویات خروجی Output Contents
-
کد منبع Source Code
-
تبدیل JSON به رشته و تجزیه JSON JSON Stringify JSON Parse
-
کد منبع Source Code
-
بهروزرسانیها Updates
-
اعتبارسنجی و lint کردن JSON Validate lint JSON
-
نمونه منبع JSON Sample JSON source
-
درخواست AJAX با استفاده از Fetch در جاوااسکریپت JavaScript Fetch AJAX request
-
کد منبع Source Code
-
درخواست AJAX به APIهای وب از صفحات وب با استفاده از Fetch Fetch Web APIs AJAX from web pages
-
کد منبع GitHub Source Code GitHub
-
فرمت توابع Arrow در جاوااسکریپت JavaScript Arrow Function format
-
کد منبع Source Code
-
گزینههای Fetch – درخواست GET Fetch Options GET
-
کد منبع SOURCE CODE
-
CORS با دیباگ کردن درخواست CORS with request debugging
-
کد منبع Source Code
-
تمرین بیشتر با APIهای باز More Open APIs Practice
-
کد منبع Source Code
-
تفریح با ابزارها و موارد بیشتر API Fun with APIs Tools and More
-
کد منبع source code
-
API صفحه بعد، بارگیری همه صفحات API Next Page Load all pages
-
کد منبع Source Code
-
متد Post – ارسال داده Post method send data
-
کد منبع Source Code
-
تمرین endpointهای API Practice API endpoints
-
کد منبع Source Code
-
تمرین بیشتر endpointهای API، درخواست AJAX و دادههای JSON More API endpoints AJAX request Exercise and JSON data
-
کد منبع Source Code
-
نتیجهگیری API JSON API JSON conclusion
مثالهای کد - پاسخهای سؤالات کد منبع با مثالهای کد جاوا اسکریپت Code Examples Source code Question Responses with JavaScript Code examples
-
Promises و Callbackهای Async Async Promises and Callback
-
Closure در جاوااسکریپت JavaScript Closure
-
منابع و راهنماهای یادگیری اضافی Additional Learning Resources and Guides
https://donyad.com/d/555b4f
Laurence Svekis
پرفروش ترین مدرس دوره
نویسنده دوره طراحی وب و توسعه وب - آموزش حضوری و آنلاین به بیش از 1,000,000 دانش آموز در سطح جهان. کارشناس توسعه دهنده Google از سال 2020 GDE
من اینجا هستم تا به شما کمک کنم یاد بگیرید، به رویاهای خود برسید، امروز در این ماجراجویی شگفت انگیز به من بپیوندید
Google Developers Expert - GSuite
ارائه دوره های توسعه وب و دوره های استراتژی بازاریابی دیجیتال از سال 2002.
متخصص فناوری نوآور با طیف گسترده ای از تجربه دنیای واقعی. ارائه راه حل های دیجیتال هوشمند به صورت آنلاین برای مشاغل کوچک و تجاری.
"من به هر چیزی که مربوط به فناوری دیجیتال باشد علاقه دارم، از برنامه نویسی و چالش ایجاد تجربیات دیجیتال موفق لذت می برم. به عنوان یک توسعه دهنده با تجربه، اولین برنامه های کامپیوتری خود را در سال 1990 و اولین وب سایت خود را در سال 1998 ایجاد کردم. از به اشتراک گذاری مطالب خود لذت می برم. دانش با دیگران است و می خواهم به شما کمک کنم در فرصت های فوق العاده ای که اینترنت فراهم می کند به اشتراک بگذارید."
"یادگیری، درک با اشتیاق قوی برای آموزش. اینترنت فرصت های جدیدی را برای گسترش و به اشتراک گذاری دانش در اختیار ما قرار داده است."
میخواهید درباره تبدیل شدن به یک توسعهدهنده وب اطلاعات بیشتری کسب کنید، آیا میخواهید آزادیای را که فناوری برای ما فراهم میکند، تجربه کنید؟ یاد بگیرید که چگونه چیزهای شگفت انگیز را به صورت آنلاین زنده کنید. فناوری همه ما را از طرق مختلف به هم متصل می کند. این درها را به روی کسانی باز می کند که آن را در آغوش می گیرند و یاد می گیرند که چگونه این ارتباطات را واقعی کنند.
"دوره های آموزشی من برای کمک به شما در دستیابی به اهداف، یادگیری و به روز رسانی مهارت ها طراحی شده اند"
سابقه و هدف : یک توسعه دهنده باتجربه برنامه های کاربردی وب، که روی چندین برنامه در سطح سازمانی، صدها وب سایت، راه حل های تجاری و بسیاری از برنامه های کاربردی وب منحصر به فرد و نوآور کار کرده است. زمینه های تخصصی توسعه برنامه های کاربردی وب عبارتند از HTML، CSS، JavaScript، JQuery، Bootstrap، PHP و MySQL. هر چیزی که مربوط به ایجاد وب و تجربه دیجیتال باشد. علاقهمند به هر کاری که با توسعه برنامههای کاربردی وب، برنامهنویسی تا بازاریابی آنلاین با تمرکز قوی بر رسانههای اجتماعی و SEO .
" درک فناوری وسیله ای برای ارتباط بهتر با کاربران فراهم می کند. همچنین درهای زیادی را باز می کند. دانش کلید موفقیت است و من می خواهم به شما کمک کنم تا آنچه را که فناوری ارائه می دهد تجربه کنید. من به فن آوری های وب علاقه مند هستم و مشتاقانه منتظر به اشتراک گذاشتن دانش و تجربه خود با شما هستم!"
نمایش نظرات