Rumah > hujung hadapan web > tutorial js > Bagaimanakah saya boleh mendapatkan semula Parameter URL yang Dilepaskan dalam JavaScript?

Bagaimanakah saya boleh mendapatkan semula Parameter URL yang Dilepaskan dalam JavaScript?

Susan Sarandon
Lepaskan: 2024-12-08 11:06:12
asal
125 orang telah melayarinya

How Can I Retrieve Escaped URL Parameters in JavaScript?

Mengambil semula Parameter URL yang Dilepaskan dengan JavaScript

Ramai pembangun menghadapi cabaran untuk mengekstrak parameter URL yang mengandungi aksara yang dikodkan. Ini boleh mengakibatkan ralat JavaScript disebabkan oleh urutan URI yang tidak betul. Dalam artikel ini, kami akan meneroka pemalam jQuery yang mudah dan pengubahsuaiannya untuk menangani isu ini.

Pemalam jQuery untuk Pengambilan Parameter URL

Pemalam jQuery berikut menyediakan kaedah mudah untuk mendapatkan semula parameter URL, walaupun yang melarikan diri:

$.getUrlParameter = function(name) {
    return decodeURI(
        (RegExp(name + '=' + '(.+?)(&|$)').exec(location.search)||[,null])[1]
    );
};
Salin selepas log masuk

Penggunaan:

var searchTerm = $.getUrlParameter('search');
Salin selepas log masuk

Pengubahsuaian untuk Aksara Melarikan diri

Untuk mengendalikan parameter URL dengan escaped aksara, pengubahsuaian mudah kepada pemalam ialah diperlukan:

$.getUrlParameter = function(name) {
    return decodeURIComponent(
        (RegExp(name + '=' + '(.+?)(&|$)').exec(location.search)||[,null])[1]
    );
};
Salin selepas log masuk

Dengan menggunakan fungsi decodeURIComponent, pemalam yang diubah suai ini boleh menyahkod mana-mana aksara yang dikodkan dalam nilai parameter URL.

Nota: Pemalam asal menyahkod parameter diambil menggunakan decodeURI, yang mengendalikan aksara yang dikodkan UTF-8. Walau bagaimanapun, decodeURIComponent lebih sesuai untuk parameter URL, kerana ia boleh menyahkod sebarang aksara yang dikodkan.

Atas ialah kandungan terperinci Bagaimanakah saya boleh mendapatkan semula Parameter URL yang Dilepaskan dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan