बइगुलो
TypeScript
अध्याय 11। HTML और वेब
HTTP अनुरोध भेजना

TypeScript:
HTTP अनुरोध भेजना

How to: (कैसे करें:)

TypeScript में HTTP request भेजने के लिए fetch API का उपयोग करें। नीचे इसका एक उदाहरण है:

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

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

जब आप ऊपर के कोड को चलाएंगे, तो आपको कंसोल में JSON डेटा नजर आएगा:

{
  "userId": 1,
  "id": 1,
  "title": "delectus aut autem",
  "completed": false
}

Deep Dive (गहराई में जानकारी:)

HTTP requests का इतिहास 1990s से शुरू होता है, जब World Wide Web नया था। AJAX (Asynchronous JavaScript and XML) तकनीक ने दिखाया कि requests को पेज को रिफ्रेश किए बिना भी भेजा जा सकता है। TypeScript fetch API इसी का एक आधुनिक रूप है।

Fetch API के अलावा, XMLHttpRequest भी एक विकल्प है, पर ये पुराना और कम सुविधाजनक है। Axios जैसे तृतीय-पक्ष लाइब्रेरीज भी हैं जो ज़्यादा सुविधाएँ और ब्राउज़र समर्थन देते हैं।

जब आप fetch का उपयोग करते हैं, Promise पर आधारित async और await शेली कोड को ज्यादा पढ़ने योग्य और संभालने में आसान बनाती है।

See Also (और देखें:)

HTML पार्स करनाबेसिक प्रमाणीकरण के साथ HTTP अनुरोध भेजना