फ़ेच GET अनुरोधों में क्वेरी स्ट्रिंग जोड़

फ़ेच एपीआई की क्वेरी स्ट्रिंग क्षमताओं की खोज करते समय, एक डेवलपर का लक्ष्य jQuery के $ के समान विधि का उपयोग करके GET अनुरोधों के लिए पैरामीटर पास करना है .ajax().

Solution

नया Fetch API कार्यरत है क्वेरी स्ट्रिंग जोड़ से निपटने के लिए URLSearchParams। यह ऑब्जेक्ट क्वेरी स्ट्रिंग पैरामीटर बनाने और संशोधित करने का एक सुविधाजनक तरीका प्रदान करता है।

fetch('https://example.com?'   new URLSearchParams({
    foo: 'value',
    bar: 2,
}).toString())

URLSearchParams.toString() विधि पैरामीटर ऑब्जेक्ट को उचित रूप से स्वरूपित क्वेरी स्ट्रिंग में एन्कोड करती है।

वैकल्पिक रूप से, आप .toString() कॉल को छोड़ सकते हैं, स्ट्रिंग के साथ संयोजित होने पर जावास्क्रिप्ट स्वचालित रूप से गैर-स्ट्रिंग ऑब्जेक्ट को स्ट्रिंग से जोड़ता है। ध्यान दें कि इस दृष्टिकोण के लिए जावास्क्रिप्ट की गहरी समझ की आवश्यकता है। स्थिरांक यूआरएल = ( 'https://jsonplacefolder.typicode.com/comments?' नया URLSearchParams({postId: 1 }).toString() ); स्थिरांक परिणाम = लाने का इंतजार करें (यूआरएल) .तब(प्रतिक्रिया => प्रतिक्रिया.json()); कंसोल.लॉग ('से प्राप्त:' यूआरएल); कंसोल.लॉग(परिणाम); } doAsyncTask();