promise در جاوا اسکریپت

سلام دوستان

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

طبق چیزایی که من سرچ کردم، انگاری در جاوا اسکریپت یک چیزی داریم به اسم پرامیس promise که کارش همینه. ولی راستیتش از داکیومنتیشنش چیزی نفهمیدم. کسی هست که مثال پیاده سازی شده ای از پرامیسز promises داشته باشه که من بتونم از روی همون ادامه بدم؟!

همونطور که گفتم هدفم اینه که چندین درخواست موازی بفرستم که کاملا مستقل از هم عمل کنن. یعنی حتی اگه یکی از API ها (که درخواست براش ارسال شده) کرش کرد (یا timeout داد، یا ارور داشت و ...)، بقیه درخواست ها تاثیری نگیرن از اون و به کار خودشون ادامه بدن.

چطوری میتونم همچین کاری رو انجام بدم؟

برای ارسال درخواست XHR با استفاده از Promise میتونید از Fetch Api استفاده کنید.

این دستور رو میتونید به این صورت استفاده کنید:

fetch(url, options)
  .then(response => { 
    /* You can access response here */ 
  })
  .catch(error => {
    /* Error handling */
  });

اگر به body به صورت text احتیاج دارید میتونید از کد زیر استفاده کنید.

fetch(url, options)
  .then(response => response.text())
  .then(body => {
    /* You can access body here */
  })
  .catch(...);

اگر به body به صورت json هست و احتیاج دارید که به صورت object دسترسی داشته باشید میتونید از .json() استفاده کنید.

fetch(url, options)
  .then(response => response.json())
  .then(body => {
    /* You can access body as object here */
  })
  .catch(...);

نمونه استفاده پیشرفته تر:

fetch(url , {
  headers: { 
    "Content-Type": "application/json; charset=utf-8",
    "Authorization": "TOKEN",
  },
  method: 'POST',
  body: body
})
.then(...)

این درخواست ها به صورت async هستند و برای چیزی که نیاز دارید کافیه چند درخواست رو پشت هم بفرستید.

نمونه آنلاین