Menambah dan Mengemas kini Parameter Rentetan Pertanyaan dengan JavaScript
Dalam pembangunan web, parameter rentetan pertanyaan digunakan untuk menghantar data ke skrip sebelah pelayan atau untuk mengubah suai URL halaman. Ini sering dilakukan untuk menambahkan penapis pada pertanyaan carian, menjejaki trafik pengguna atau memperbaik analitis tapak web.
Satu cabaran biasa ialah mengemas kini atau menambah parameter rentetan pertanyaan jika ia sudah wujud atau tidak. Untuk menangani perkara ini, fungsi JavaScript tersuai boleh dilaksanakan.
Penyelesaian
Berikut ialah fungsi JavaScript yang menyelesaikan tugas:
function updateQueryStringParameter(uri, key, value) { var re = new RegExp("([?&])" + key + "=.*?(&|$)", "i"); var separator = uri.indexOf('?') !== -1 ? "&" : "?"; if (uri.match(re)) { return uri.replace(re, '' + key + "=" + value + ''); } else { return uri + separator + key + "=" + value; } }
Penggunaan
Untuk menggunakan fungsi, masukkan perkara berikut argumen:
Contoh
Katakan anda mempunyai URL seperti http://example.com/search?query=test. Untuk mengemas kini parameter pertanyaan dengan pertanyaan baharu nilai, anda akan memanggil fungsi seperti berikut:
var updatedUri = updateQueryStringParameter('http://example.com/search', 'query', 'new query'); console.log(updatedUri); // Output: http://example.com/search?query=new query
Jika parameter tidak wujud dalam URL asal, ia akan ditambah:
var updatedUri = updateQueryStringParameter('http://example.com/search', 'new_param', 'new value'); console.log(updatedUri); // Output: http://example.com/search?new_param=new value
Fungsi ini menyediakan cara mudah untuk memanipulasi parameter rentetan pertanyaan dalam JavaScript, menjadikannya mudah untuk menambah atau mengemas kini nilai parameter tertentu mengikut keperluan.
Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menambah atau Mengemas kini Parameter Rentetan Pertanyaan dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!