Bu blog, JavaScript'te sorgu dizesinin değerlerini alma prosedürünü tanımlayacaktır.
JavaScript'te Sorgu Dizesi Değerleri Nasıl Elde Edilir?
JavaScript'te sorgu dizesinin değerlerini almak için aşağıdaki yöntemleri kullanın:
- URL API'sini get() yöntemiyle kullanın
- get() yöntemiyle URLSearchParams
- Value() yöntemiyle URLSearchParams
Yöntem 1: Get() Yöntemiyle URL API'sini Kullanarak Sorgu Dizesi Değerlerini Alın
Kullan ' URL API'sı ' ile ' almak() ” JavaScript'te sorgu dizesi değerlerini almak için yöntem. Bir URL (Tekdüzen Kaynak Bulucu), belirli bir internet kaynağını bulmanın bir yoludur. Tipik olarak bir protokolden oluşur (“örneğin” http ' veya ' https “), bir alan adı (“ gibi örnek.com “) ve bir yol (“ gibi /yol/giden/kaynak “). URL'ler web sayfalarına erişmek, dosya indirmek ve internetteki sorgu dizesi değerleri dahil diğer kaynaklara erişmek için kullanılır.
Misal
URL'yi sorgu dizeleriyle depolayan bir değişken oluşturun:
öyleydi urlQueryString = 'https://www.example.com/page.html?keyword=SearchText &fullname=jennyConvey &click=Submit' ;
“ ileterek URL nesnesini çağırın. urlQueryString ”:
öyleydi sorguDizesi = yeni URL ( urlQueryString ) ;
“ anahtarını ileterek get() yöntemini kullanın. anahtar kelime ”, searchParams özniteliği ile değerini almak için sorgunun. JavaScript'teki URL nesnesinin searchParams özelliği, bir URL'nin sorgu dizesini temsil eder. Bir URL'nin sorgu dizesini bir dize yerine bir nesne olarak işlemek için bir yol sağlar:
öyleydi değer1 = sorguDizesi. arama Paramları . almak ( 'anahtar kelime' ) ;konsol. kayıt ( 'Anahtar Kelimenin değeri: ' + değer1 ) ;
Anahtarını get() yöntemine geçirerek sorgu dizesinden ikinci değeri alın ve konsolda yazdırın:
öyleydi değer2 = sorguDizesi. arama Paramları . almak ( 'Ad Soyad' ) ;
konsol. kayıt ( 'tam adın değeri: ' + değer2 ) ;
Benzer şekilde, dizedeki üçüncü değeri getirin:
öyleydi değer3 = sorguDizesi. arama Paramları . almak ( 'Tıklayın' ) ;konsol. kayıt ( 'tıklama değeri: ' + değer3 ) ;
Sorgu dizesinin değerlerinin başarıyla alındığı görülebilir:
Yöntem 2: get() Yöntemiyle URLSearchParams Kullanarak Sorgu Dizesi Değerlerini Alın
“ URLSearchParams ” arabirimi, sorgu dizesinden değerleri almak için JavaScript'te kullanılabilir. Bir URL'nin sorgu dizesini değerlendirir ve değerlere erişmek için bir ortam sunar. URL'nin yalnızca ' kullanarak alabileceğiniz sorgu dizesi bölümünü göndermeniz gerektiğini unutmayın. pencere.konum.arama ” URLSearchParams() için bir parametre olarak.
Misal
Sorgu dizesini depolayan bir değişken oluşturun:
Dizeyi “ URLSearchParams ' arayüz:
öyleydi sorguDizesi = yeni URLSearchParams ( urlQueryString ) ;Anahtarın değerini al ' Ad Soyad ' kullanarak sorgu dizesinden ' almak() ' yöntem:
öyleydi değer1 = sorguDizesi. almak ( 'Ad Soyad' ) ;konsol. kayıt ( 'tam adın değeri: ' + değer1 ) ;
Çıktı
Not : Kullanmak ' const queryString = yeni URLSearchParams(window.location.search) ” canlı/geçerli URL'yi almak için.
Geçerli URL'yi aldıktan sonra, ondan sorgu dizesini alın, bir URLSearchParams örneği oluşturun ve sorgu dizesini ona iletin. Son olarak, get() yöntemini kullanarak sorgu dizesindeki belirli bir parametrenin değerini alın.
Yöntem 2: Value() Yöntemiyle URLSearchParams Kullanarak Sorgu Dizesi Değerlerini Alın
Ayrıca “ değerler() Sorgu dizesinin değerlerini almak için URLSearchParams arabirimiyle ” yöntemi. Dizinin tüm değerlerine aynı anda erişmeye yardımcı olur.
Misal
Sorgu dizesini URLSearchParams arayüzüne iletin ve ' değişkeninde saklayın. sorguDizesi ”:
“ içindeki values() yöntemini çağırın. için ” sorgu dizesinin tüm değerlerini almak için döngü:
için ( sabit queryString'in değeri. değerler ( ) ) {konsol. kayıt ( değer ) ;
}
Tüm dize değerlerinin getirildiği gözlemlenebilir:
Bu tamamen JavaScript'te sorgu dizesi değerlerini almakla ilgilidir.
Çözüm
Sorgu dizesi değerlerini almak için “ URL API'sı ' ile ' almak() 'yöntem ve' arama Param ' bağlanmak. JavaScript'teki URL nesnesinin searchParams özelliği, bir URL'nin sorgu dizesini temsil eder. Ayrıca “ URLSearchParams 'ile arayüz' almak() ' yöntem veya ' değerler() ' yöntem. Bu blog, JavaScript'te sorgu dizesinin değerlerini alma prosedürünü açıkladı.