Blog ini akan menjelaskan prosedur untuk mendapatkan nilai string kueri dalam JavaScript.
Bagaimana Cara Mendapatkan Nilai String Kueri di JavaScript?
Untuk mendapatkan nilai string kueri dalam JavaScript, gunakan metode berikut:
- Gunakan URL API dengan metode get()
- URLSearchParams dengan metode get()
- URLSearchParams dengan metode values()
Metode 1: Dapatkan Nilai String Kueri Menggunakan API URL Dengan Metode get()
Menggunakan ' API URL ' dengan ' Dapatkan() ” metode untuk mendapatkan nilai string kueri dalam JavaScript. URL (Uniform Resource Locator) adalah cara untuk menemukan sumber daya internet tertentu. Ini biasanya terdiri dari protokol (seperti ' http ' atau ' https “), nama domain (seperti “ contoh.com “), dan jalur (seperti “ /jalur/ke/sumber daya “). URL digunakan untuk mengakses halaman web, mengunduh file, dan mengakses sumber daya lain, termasuk nilai string kueri di internet.
Contoh
Buat variabel yang menyimpan URL dengan string kueri:
dulu urlQueryString = 'https://www.example.com/page.html?keyword=SearchText &fullname=jennyConvey &click=Submit' ;
Panggil objek URL dengan meneruskan “ urlQueryString ”:
dulu queryString = baru URL ( urlQueryString ) ;
Gunakan metode get() dengan memberikan kunci “ kata kunci ” kueri untuk mendapatkan nilainya dengan atribut searchParams. Properti searchParams dari objek URL dalam JavaScript mewakili string kueri dari sebuah URL. Ini menyediakan cara untuk memanipulasi string kueri URL sebagai objek daripada string:
dulu nilai1 = queryString. searchParams . Dapatkan ( 'kata kunci' ) ;menghibur. catatan ( 'nilai Kata Kunci:' + nilai1 ) ;
Dapatkan nilai kedua dari string kueri dengan meneruskan kuncinya ke metode get() dan mencetak di konsol:
dulu nilai2 = queryString. searchParams . Dapatkan ( 'nama lengkap' ) ;
menghibur. catatan ( 'nilai nama lengkap:' + nilai2 ) ;
Demikian pula, ambil nilai ketiga dalam string:
dulu nilai3 = queryString. searchParams . Dapatkan ( 'klik' ) ;menghibur. catatan ( 'nilai klik:' + nilai3 ) ;
Dapat dilihat bahwa nilai string kueri telah berhasil diambil:
Metode 2: Dapatkan Nilai String Kueri Menggunakan URLSearchParams Dengan Metode get()
“ URLSearchParams ” antarmuka dapat digunakan dalam JavaScript untuk mengambil nilai dari string kueri. Ini mengevaluasi string kueri URL dan menawarkan media untuk mengakses nilai. Perhatikan bahwa Anda hanya boleh mengirim bagian string kueri dari URL, yang dapat Anda ambil menggunakan “ jendela.lokasi.pencarian ” sebagai parameter ke URLSearchParams().
Contoh
Buat variabel yang menyimpan string kueri:
Berikan string ke “ URLSearchParams ” antarmuka:
dulu queryString = baru URLSearchParams ( urlQueryString ) ;Dapatkan nilai kunci “ nama lengkap ” dari string kueri menggunakan “ Dapatkan() ' metode:
dulu nilai1 = queryString. Dapatkan ( 'nama lengkap' ) ;menghibur. catatan ( 'nilai nama lengkap:' + nilai1 ) ;
Keluaran
Catatan : Menggunakan ' const queryString = new URLSearchParams(window.location.search) ” untuk mendapatkan URL langsung/saat ini.
Setelah mendapatkan URL saat ini, dapatkan string kueri darinya, buat instance URLSearchParams, dan teruskan string kueri ke sana. Terakhir, dapatkan nilai parameter tertentu dalam string kueri menggunakan metode get().
Metode 2: Dapatkan Nilai String Kueri Menggunakan URLSearchParams Dengan Metode values()
Anda juga dapat menggunakan “ nilai() ” dengan antarmuka URLSearchParams untuk mengambil nilai string kueri. Ini membantu untuk mengakses semua nilai string sekaligus.
Contoh
Lewati string kueri ke antarmuka URLSearchParams dan simpan dalam variabel “ queryString ”:
Panggil metode values() di “ untuk ” loop untuk mendapatkan semua nilai string kueri:
untuk ( const nilai queryString . nilai-nilai ( ) ) {menghibur. catatan ( nilai ) ;
}
Dapat diamati bahwa semua nilai string telah diambil:
Itu semua tentang mendapatkan nilai string kueri dalam JavaScript.
Kesimpulan
Untuk mendapatkan nilai string kueri, gunakan “ API URL ' dengan ' Dapatkan() ” metode dan “ searchParam ” atribut. Properti searchParams dari objek URL dalam JavaScript mewakili string kueri dari sebuah URL. Anda juga dapat menggunakan “ URLSearchParams ” antarmuka dengan “ Dapatkan() ” metode atau “ nilai() ' metode. Blog ini menjelaskan prosedur untuk mendapatkan nilai string kueri dalam JavaScript.