TypeScript:
HTTP অনুরোধ প্রেরণ করা

কিভাবে:

TypeScript-এ, আপনি সাধারণত Fetch API ব্যবহার করে HTTP অনুরোধ পাঠাতে পারেন। এখানে একটি সহজ উদাহরণ দেওয়া হলো, async/await ব্যবহার করে সৌকর্যের জন্য:

async function fetchData(url: string): Promise<void> {
  try {
    const response = await fetch(url);
    if (!response.ok) {
      throw new Error(`HTTP ত্রুটি! স্ট্যাটাস: ${response.status}`);
    }
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error('Fetch ত্রুটি:', error);
  }
}

fetchData('https://jsonplaceholder.typicode.com/todos/1');

একটি সফল অনুরোধের জন্য নমুনা আউটপুট:

{
  "userId": 1,
  "id": 1,
  "title": "ডিলেকটাস অট অটেম",
  "completed": false
}

গভীর ডাইভ

HTTP অনুরোধ ওয়েবের সূচনা লগ্ন থেকেই অপরিহার্য হয়ে উঠেছে; এটি ব্রাউজার এবং সার্ভারের মধ্যে আলাপ-আলোচনার উপায়। fetch আগমনের আগে XMLHttpRequest (XHR) ছিল, যা কাজ করত, কিন্তু তা কাগজের কাজের মতো অনুভব হতো। fetch, একটি আধুনিক বিকল্প, promise-based, পরিষ্কার, এবং বেশিরভাগ আধুনিক ব্রাউজারে উইন্ডো অবজেক্টের অংশ।

TypeScript-এ fetch-এর বিকল্পের মধ্যে Axios মতো লাইব্রেরিগুলো রয়েছে, যা আরও বৈশিষ্ট্য সরবরাহ করে এবং মাঝে মাঝে ব্যবহারে সহজ হয়। Axios স্বয়ংক্রিয়ভাবে JSON ডেটা পরিবর্তন করে, অনুরোধ বাতিল করার বিকল্প রাখে, এবং উন্নত ত্রুটি ব্যবস্থাপনা প্রদান করে।

পর্দার আড়ালে, TypeScript জাভাস্ক্রিপ্টে কম্পাইল করে। যখন আপনি fetch ব্যবহার করে HTTP অনুরোধ পাঠান, আপনি মূলত ব্রাউজারের নেটিভ Fetch API ব্যবহার করছেন। TypeScript-এর টাইপ-চেকিং আপনার কোডের স্থিতিশীলতা বাড়ায় কম্পাইল-সময়ে টাইপ ত্রুটিগুলি ধরে।

আরও দেখুন

• MDN ওয়েব ডক্স ফেচ সম্পর্কে: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API
• Axios GitHub রেপো: https://github.com/axios/axios
• HTTP অনুরোধ লাইব্রেরিগুলির তুলনা: https://www.npmtrends.com/axios-vs-fetch