בלוג זה יגדיר את ההליך לקבלת הערכים של מחרוזת השאילתה ב-JavaScript.
כיצד לקבל ערכי מחרוזת שאילתות ב-JavaScript?
כדי לקבל את הערכים של מחרוזת השאילתה ב-JavaScript, השתמש בשיטות הבאות:
שיטה 1: קבל ערכי מחרוזת שאילתה באמצעות API של URL עם שיטת get()
להשתמש ב ' URL API ' עם ה ' לקבל() שיטה לקבל את ערכי מחרוזת השאילתה ב-JavaScript. כתובת URL (Uniform Resource Locator) היא דרך למצוא משאב אינטרנט ספציפי. זה בדרך כלל מורכב מפרוטוקול (כגון ' http ' או ' https '), שם דומיין (כמו ' example.com '), ונתיב (כגון ' /path/to/resource '). כתובות URL משמשות לגישה לדפי אינטרנט, להורדת קבצים ולגישה למשאבים אחרים, כולל ערכי מחרוזת שאילתות באינטרנט.
דוגמא
צור משתנה המאחסן את כתובת האתר עם מחרוזות שאילתות:
היה urlQueryString = 'https://www.example.com/page.html?keyword=SearchText &fullname=jennyConvey &click=Submit' ;
קרא לאובייקט כתובת האתר על ידי העברת ה-' urlQueryString ”:
היה queryString = חָדָשׁ כתובת אתר ( urlQueryString ) ;
השתמש בשיטת get() על ידי העברת המפתח ' מילת מפתח ' של השאילתה כדי לקבל את הערך שלה עם התכונה searchParams. המאפיין searchParams של אובייקט ה-URL ב-JavaScript מייצג את מחרוזת השאילתה של כתובת URL. הוא מספק דרך לתפעל את מחרוזת השאילתה של כתובת URL כאובייקט ולא כמחרוזת:
היה ערך1 = queryString. חיפוש Params . לקבל ( 'מילת מפתח' ) ;לְנַחֵם. עֵץ ( 'ערך מילת מפתח: ' + ערך1 ) ;
קבל את הערך השני ממחרוזת השאילתה על ידי העברת המפתח שלו לשיטת get() והדפיס במסוף:
היה ערך2 = queryString. חיפוש Params . לקבל ( 'שם מלא' ) ;
לְנַחֵם. עֵץ ( 'ערך של שם מלא: ' + ערך2 ) ;
באופן דומה, אחזר את הערך השלישי במחרוזת:
היה ערך 3 = queryString. חיפוש Params . לקבל ( 'נְקִישָׁה' ) ;לְנַחֵם. עֵץ ( 'ערך קליק:' + ערך 3 ) ;
ניתן לראות שהערכים של מחרוזת השאילתה אוחזרו בהצלחה:
שיטה 2: קבל ערכי מחרוזת שאילתה באמצעות URLSearchParams עם השיטה get()
ה ' URLSearchParams ניתן להשתמש בממשק ב-JavaScript כדי לאחזר את הערכים ממחרוזת השאילתה. הוא מעריך את מחרוזת השאילתה של כתובת אתר ומציע אמצעי גישה לערכים. שים לב שאתה צריך לשלוח רק את חלק מחרוזת השאילתה של כתובת האתר, אותה תוכל לאחזר באמצעות ' window.location.search ' כפרמטר ל-URLSearchParams().
דוגמא
צור משתנה המאחסן את מחרוזת השאילתה:
העבר את המחרוזת ל' URLSearchParams ' ממשק:
היה queryString = חָדָשׁ URLSearchParams ( urlQueryString ) ;קבל את הערך של המפתח ' שם מלא ' ממחרוזת השאילתה באמצעות ' לקבל() ' שיטה:
היה ערך1 = queryString. לקבל ( 'שם מלא' ) ;לְנַחֵם. עֵץ ( 'ערך של שם מלא: ' + ערך1 ) ;
תְפוּקָה
הערה : להשתמש ' const queryString = new URLSearchParams(window.location.search) ' לקבלת כתובת האתר החיה/נוכחית.
לאחר קבלת כתובת ה-URL הנוכחית, קבל ממנה את מחרוזת השאילתה, צור מופע של URLSearchParams, והעביר אליו את מחרוזת השאילתה. לבסוף, קבל את הערך של פרמטר ספציפי במחרוזת השאילתה באמצעות השיטה get() .
שיטה 2: קבל ערכי מחרוזת שאילתה באמצעות URLSearchParams עם השיטה values()
אתה יכול גם להשתמש ב' ערכים() ' שיטה עם ממשק URLSearchParams כדי לאחזר את הערכים של מחרוזת השאילתה. זה עוזר לגשת לכל הערכים של המחרוזת בבת אחת.
דוגמא
העבר את מחרוזת השאילתה לממשק URLSearchParams ואחסן אותה במשתנה ' queryString ”:
קרא למתודה values() ב-' ל ' לולאה כדי לקבל את כל הערכים של מחרוזת השאילתה:
ל ( const הערך של queryString. ערכים ( ) ) {לְנַחֵם. עֵץ ( ערך ) ;
}
ניתן לראות שכל ערכי המחרוזת הובאו:
זה הכל על קבלת ערכי מחרוזת השאילתה ב-JavaScript.
סיכום
לקבלת ערכי מחרוזת השאילתה, השתמש ב-' URL API ' עם ה ' לקבל() 'שיטה ו' searchParam ' תכונה. המאפיין searchParams של אובייקט ה-URL ב-JavaScript מייצג את מחרוזת השאילתה של כתובת URL. אתה יכול גם להשתמש ב' URLSearchParams ' ממשק עם ' לקבל() 'שיטה או' ערכים() ' שיטה. בלוג זה תיאר את ההליך לקבלת הערכים של מחרוזת השאילתה ב-JavaScript.