از طریق منوی جستجو مطلب مورد نظر خود در وبلاگ را به سرعت پیدا کنید
سرفصلهای مطلب
معرفی
Axios یک کتابخانه محبوب جاوا اسکریپت است که برای درخواست HTTP از مرورگر استفاده می شود. این به شما امکان می‌دهد درخواست‌های HTTP را به سرور ارسال کنید و پاسخ‌ها را دریافت کنید، که آن را به ابزاری ضروری برای ساخت برنامه‌های کاربردی وب مدرن تبدیل می‌کند.
یکی از کاربردهای رایج Axios ایجاد درخواست های GET برای بازیابی داده ها از سرور است. در این درخواست‌ها، می‌توانید پارامترهای پرس و جو را برای تعیین اطلاعات اضافی درباره داده‌هایی که می‌خواهید بازیابی کنید، اضافه کنید. در این مقاله روش گنجاندن پارامترهای پرس و جو در درخواست های GET ساخته شده با Axios را توضیح خواهیم داد.
پارامترهای Query چیست؟
قبل از اینکه به روش گنجاندن پارامترهای پرس و جو در درخواست های GET با Axios بپردازیم، بهتر است بدانیم که پارامترهای پرس و جو چیست و چرا مفید هستند.
پارامترهای پرس و جو قطعات اضافی اطلاعاتی هستند که در یک درخواست HTTP به انتهای URL اضافه می شوند. آنها معمولاً برای تعیین جزئیات در مورد داده هایی که می خواهید بازیابی کنید، مانند معیارهای جستجو برای یک پرس و جو یا page تعداد یک مجموعه نتایج صفحه بندی شده
برای مثال URL زیر را در نظر بگیرید:
https://www.example.com/search؟q=axios&page=2
در این URL، q و page پارامترهای پرس و جو هستند. این q پارامتر عبارت جستجو را مشخص می کند (در این مورد، axios)، و page پارامتر را مشخص می کند page تعداد نتایج جستجو برای بازیابی (در این مورد، 2).
پارامترهای پرس و جو مفید هستند زیرا به شما امکان می دهند اطلاعات اضافی را بدون استفاده از روش HTTP متفاوت به سرور ارسال کنید (مانند POST) یا اطلاعات را در بدنه درخواست درج کنید. این می‌تواند ساخت و استفاده از APIهای وب را آسان‌تر کند، زیرا سرور می‌تواند از پارامترهای پرس و جو برای تنظیم پاسخ به نیازهای خاص مشتری استفاده کند.
استفاده از پارامترهای Query با Axios
اکنون که متوجه شدید پارامترهای پرس و جو چیست و چرا مفید هستند، بیایید نگاهی به روش گنجاندن آنها در درخواست‌های GET که با Axios انجام می‌شود بیاندازیم.
برای گنجاندن پارامترهای پرس و جو در یک درخواست GET با Axios، باید آنها را به عنوان یک شی در params ویژگی شی پیکربندی که به axios.get() روش:
axios.get('https://www.example.com/search', {
params: {
q: 'axios',
page: 2
}
})
.then(response => {
// handle success
})
.catch(error => {
// handle error
});
در این کد، ما در حال ساختن یک GET درخواست به https://www.example.com/search URL، و ما شامل دو پارامتر پرس و جو می شویم: q و page. این q پارامتر عبارت جستجو را مشخص می کند و page پارامتر را مشخص می کند page تعداد نتایج جستجو برای بازیابی
هنگامی که درخواست ارسال می شود، Axios به طور خودکار پارامترهای پرس و جو را به انتهای URL اضافه می کند، بنابراین URL کاملی که به سرور ارسال می شود به صورت زیر خواهد بود:
https://www.example.com/search؟q=axios&page=2
سپس سرور می تواند از پارامترهای پرس و جو برای تنظیم پاسخ به نیازهای خاص مشتری استفاده کند.
نتیجه
در این مقاله روش گنجاندن پارامترهای پرس و جو در درخواست های GET ساخته شده با Axios را توضیح داده ایم. پارامترهای پرس و جو قطعات اضافی اطلاعاتی هستند که در یک درخواست HTTP به انتهای URL اضافه می شوند و برای تعیین جزئیات در مورد داده هایی که می خواهید بازیابی کنید مفید هستند.
منتشر شده در 1403-01-06 01:46:07
