Πώς να λάβετε τιμές συμβολοσειράς ερωτήματος σε JavaScript

Οι τιμές συμβολοσειράς ερωτήματος σε μια διεύθυνση URL παρέχουν συχνά πληροφορίες σχετικά με το αίτημα, όπως παραμέτρους αναζήτησης. Μια συμβολοσειρά ερωτήματος μπορεί να χρησιμοποιηθεί για να ζητηθεί μια ιστοσελίδα που χρησιμοποιεί το πρωτόκολλο HTTP. Μπορεί περιστασιακά να χρειαστεί να ανακτήσετε χαρακτηριστικά συμβολοσειράς ερωτήματος στο σενάριό σας. Επιπλέον, το να γνωρίζετε πώς να εξαγάγετε τα δεδομένα συμβολοσειράς ερωτήματος από τη διεύθυνση URL είναι απαραίτητο εάν χειρίζεται οποιαδήποτε επιχειρηματική λογική ή αιτήματα στο μπροστινό μέρος.

Αυτό το ιστολόγιο θα ορίσει τη διαδικασία λήψης των τιμών της συμβολοσειράς ερωτήματος σε JavaScript.

Πώς να λάβετε τιμές συμβολοσειράς ερωτήματος σε JavaScript;

Για να λάβετε τις τιμές της συμβολοσειράς ερωτήματος σε JavaScript, χρησιμοποιήστε τις ακόλουθες μεθόδους:

Χρησιμοποιήστε το URL API με τη μέθοδο get().
URLSearchParams με τη μέθοδο get().
URLSearchParams με τη μέθοδο values().

Μέθοδος 1: Λήψη τιμών συμβολοσειράς ερωτήματος χρησιμοποιώντας το URL API με τη μέθοδο get().

Χρησιμοποιήστε το ' URL API ' με το ' παίρνω() ” μέθοδο για να λάβετε τις τιμές της συμβολοσειράς ερωτήματος σε JavaScript. Το URL (Uniform Resource Locator) είναι ένας τρόπος για να βρείτε έναν συγκεκριμένο πόρο του Διαδικτύου. Συνήθως αποτελείται από ένα πρωτόκολλο (όπως ' http ' ή ' https '), ένα όνομα τομέα (όπως ' example.com '), και μια διαδρομή (όπως ' /path/to/resource '). Οι διευθύνσεις URL χρησιμοποιούνται για πρόσβαση σε ιστοσελίδες, λήψη αρχείων και πρόσβαση σε άλλους πόρους, συμπεριλαμβανομένων των τιμών συμβολοσειράς ερωτημάτων στο διαδίκτυο.

Παράδειγμα
Δημιουργήστε μια μεταβλητή που αποθηκεύει τη διεύθυνση URL με συμβολοσειρές ερωτήματος:

ήταν urlQueryString = 'https://www.example.com/page.html?keyword=SearchText &fullname=jennyConvey &click=Submit' ;

Καλέστε το αντικείμενο URL περνώντας το ' urlQueryString ”:

ήταν queryString = νέος URL ( urlQueryString ) ;

Χρησιμοποιήστε τη μέθοδο get() περνώντας το κλειδί ' λέξη-κλειδί ” του ερωτήματος για να πάρει την τιμή του με το χαρακτηριστικό searchParams. Η ιδιότητα searchParams του αντικειμένου URL στο JavaScript αντιπροσωπεύει τη συμβολοσειρά ερωτήματος μιας διεύθυνσης URL. Παρέχει έναν τρόπο χειρισμού της συμβολοσειράς ερωτήματος μιας διεύθυνσης URL ως αντικείμενο και όχι ως συμβολοσειρά:

ήταν τιμή 1 = queryString. SearchParams . παίρνω ( 'λέξη κλειδί' ) ;
κονσόλα. κούτσουρο ( 'αξία λέξης-κλειδιού: ' + τιμή 1 ) ;

Λάβετε τη δεύτερη τιμή από τη συμβολοσειρά ερωτήματος περνώντας το κλειδί της στη μέθοδο get() και εκτυπώνετε στην κονσόλα:

ήταν τιμή 2 = queryString. SearchParams . παίρνω ( 'πλήρες όνομα' ) ;
κονσόλα. κούτσουρο ( 'αξία πλήρους ονόματος: ' + τιμή 2 ) ;

Ομοίως, ανακτήστε την τρίτη τιμή στη συμβολοσειρά:

ήταν τιμή 3 = queryString. SearchParams . παίρνω ( 'Κάντε κλικ' ) ;
κονσόλα. κούτσουρο ( 'τιμή κλικ: ' + τιμή 3 ) ;

Μπορεί να φανεί ότι οι τιμές της συμβολοσειράς ερωτήματος έχουν ανακτηθεί με επιτυχία:

Μέθοδος 2: Λήψη τιμών συμβολοσειράς ερωτήματος χρησιμοποιώντας URLSearchParams με τη μέθοδο get()

Ο ' URLSearchParams Η διεπαφή μπορεί να χρησιμοποιηθεί σε JavaScript για την ανάκτηση των τιμών από τη συμβολοσειρά ερωτήματος. Αξιολογεί τη συμβολοσειρά ερωτήματος μιας διεύθυνσης URL και προσφέρει ένα μέσο για πρόσβαση στις τιμές. Σημειώστε ότι θα πρέπει να στείλετε μόνο το τμήμα της συμβολοσειράς ερωτήματος της διεύθυνσης URL, το οποίο μπορείτε να ανακτήσετε χρησιμοποιώντας το ' window.location.search ” ως παράμετρος στο URLSearchParams().

Παράδειγμα
Δημιουργήστε μια μεταβλητή που αποθηκεύει τη συμβολοσειρά ερωτήματος:

ήταν urlQueryString = 'keyword=SearchText &fullname=jennyConvey &click=Submit' ;

Περάστε τη συμβολοσειρά στο ' URLSearchParams ' διεπαφή:

ήταν queryString = νέος URLSearchParams ( urlQueryString ) ;

Λάβετε την τιμή του κλειδιού ' πλήρες όνομα ' από τη συμβολοσειρά ερωτήματος χρησιμοποιώντας το ' παίρνω() 'μέθοδος:

ήταν τιμή 1 = queryString. παίρνω ( 'πλήρες όνομα' ) ;
κονσόλα. κούτσουρο ( 'αξία πλήρους ονόματος: ' + τιμή 1 ) ;

Παραγωγή

Σημείωση : Χρήση ' const queryString = new URLSearchParams(window.location.search) ” για λήψη της ζωντανής/τρέχουσας διεύθυνσης URL.

Αφού λάβετε την τρέχουσα διεύθυνση URL, λάβετε τη συμβολοσειρά ερωτήματος από αυτήν, δημιουργήστε μια παρουσία του URLSearchParams και περάστε τη συμβολοσειρά ερωτήματος σε αυτήν. Τέλος, λάβετε την τιμή μιας συγκεκριμένης παραμέτρου στη συμβολοσειρά ερωτήματος χρησιμοποιώντας τη μέθοδο get().

Μέθοδος 2: Λήψη τιμών συμβολοσειράς ερωτήματος χρησιμοποιώντας τη μέθοδο URLSearchParams με τη μέθοδο values()

Μπορείτε επίσης να χρησιμοποιήσετε το ' αξίες() ” με τη διεπαφή URLSearchParams για την ανάκτηση των τιμών της συμβολοσειράς ερωτήματος. Βοηθά στην πρόσβαση σε όλες τις τιμές της συμβολοσειράς ταυτόχρονα.

Παράδειγμα
Περάστε τη συμβολοσειρά ερωτήματος στη διεπαφή URLSearchParams και αποθηκεύστε την σε μια μεταβλητή ' queryString ”:

ήταν queryString = νέος URLSearchParams ( urlQueryString ) ;

Καλέστε τη μέθοδο values() στο ' Για ' βρόχο για να λάβετε όλες τις τιμές της συμβολοσειράς ερωτήματος:

Για ( συνθ τιμή του queryString. αξίες ( ) ) {
κονσόλα. κούτσουρο ( αξία ) ;
}

Μπορεί να παρατηρηθεί ότι όλες οι τιμές συμβολοσειράς έχουν ληφθεί:

Όλα αυτά αφορούν τη λήψη των τιμών της συμβολοσειράς ερωτήματος στο JavaScript.

συμπέρασμα

Για να λάβετε τις τιμές της συμβολοσειράς ερωτήματος, χρησιμοποιήστε το ' URL API ' με το ' παίρνω() 'μέθοδος και ' αναζήτησηΠαραμ ' Χαρακτηριστικό. Η ιδιότητα searchParams του αντικειμένου URL στο JavaScript αντιπροσωπεύει τη συμβολοσειρά ερωτήματος μιας διεύθυνσης URL. Μπορείτε επίσης να χρησιμοποιήσετε το ' URLSearchParams ' διασύνδεση με το ' παίρνω() 'μέθοδος ή ' αξίες() 'μέθοδος. Αυτό το ιστολόγιο περιέγραψε τη διαδικασία λήψης των τιμών της συμβολοσειράς ερωτήματος σε JavaScript.

Πώς να λάβετε τιμές συμβολοσειράς ερωτήματος σε JavaScript