Merhaba değerli dostlarım uzun bir aradan sonra tekrar selamlar, bu konumda js url filtreleme işlemi yapmanıza yarayan kod ile yapacağınız yazılımlarda işlemleriniz daha da kolaylaşacak. Aşağıdaki kodları sayfanıza eklemeniz yeterli olacaktır, kullanımı ise çok basittir.

URL Ekleme

function insertParam(key, value, status) {
    key = encodeURIComponent(key);
    value = encodeURIComponent(value);
    var kvp = document.location.search.substr(1).split("&");
    let i = 0;
    for (; i = kvp.length) {
        kvp[kvp.length] = [key, value].join("=");
    }
    let params = kvp.join("&");
    if (status != 1) {
        document.location.search = params;
    }
}

Kodun Kullanımı

insertParam("category", "outdoor", 0);

URL Kaldırma

function removeParam(key, sourceURL, status) {
	var rtn = sourceURL.split("?")[0],
		param,
		params_arr = [],
		queryString = (sourceURL.indexOf("?") !== -1) ? sourceURL.split("?")[1] : "";
	if (queryString !== "") {
		params_arr = queryString.split("&");
		for (var i = params_arr.length - 1; i >= 0; i -= 1) {
			param = params_arr[i].split("=")[0];
			if (param === key) {
				params_arr.splice(i, 1);
			}
		}
		if (params_arr.length) rtn = rtn + "?" + params_arr.join("&");
	}
	if (status != 1) {
		location.href = rtn;
	}
}

Kodun Kullanımı

removeParam("category", location.href, 0);

Evet açıklama kısmı için ise ekleme kodunda eklenecek anahtarı ve değeri belirliyoruz. Kaldırma için kaldırılacak anahtar ve url adresi yazmanız gerekmektedir. Geçmiş (Şu an olan) tam adresi almak istiyorsanız location.href kullanabilirsiniz.

Burada yer alan status ise işlem sonrası yönlendirme yapıp yapmayacağınızı sağlar. Eğer bir buton üzerinden işlemi tamamlayacaksanız variable olarak atadığınız değişkene değeri atayıp yönlendirme yapabilirsiniz.

Bir daha ki blog yazılarım da görüşmek üzere, sağlıcakla kalın.

Github:

https://github.com/oxcakmak/Javascript-Url-Parameter-Function