Удаление определённого get параметра с помощью JavaScript — PROG-TIME

Удаление определённого get параметра с помощью JavaScript

24.05.2021
Содержание:

Сегодня я вам покажу функцию которая позволяет удалить определённые get параметры из URL строки с помощью JavaScript. С помощью данного скрипта вы сможете выборочно удалять ненужные get параметры из адреса страницы и на выходе получать новый URL

Лично для себя я использовал данный скрипт чтобы создать блок вывода информации о выбранных фильтрах. Я вешал обработчик событий на кнопку крестика у выбранного фильтра и создавал редирект на URL без GET параметра.

Удаление определённого get параметра с помощью JavaScript
/*ФУНКЦИЯ ДЛЯ УДАЛЕНИЯ ОПРЕДЕЛЁННЫХ GET ПАРАМЕТРОВ */
function removeURLParameter(url, parameter) {
	//prefer to use l.search if you have a location/link object
	var urlparts= url.split('?');   
	if (urlparts.length>=2) {

		var prefix= encodeURIComponent(parameter)+'=';
		var pars= urlparts[1].split(/[&;]/g);

		//reverse iteration as may be destructive
		for (var i= pars.length; i-- > 0;) {    
			//idiom for string.startsWith
			if (pars[i].lastIndexOf(prefix, 0) !== -1) {  
				pars.splice(i, 1);
			}
		}
		
		if(pars.length > 0) {
			url= urlparts[0]+'?'+pars.join('&');
		} else {
			url= urlparts[0];
		}

		return url;
	} else {
		return url;
	}
}

На этом всё!
Больше интересных статей в нашей группе - https://vk.com/progtime
Вы так же можете разместить свой вопрос на нашем форуме, где другие программисты смогут вам помочь в решение вашей задачи - https://vk.com/prog_time
Так же прокачивайте свои навыки на нашем канале - https://www.youtube.com/c/ProgTime
Наши планы
  • Написание материала для курса по разработке ботов на Telegram
  • Разработка универсального парсера на PHP

Поддержите мой сайт!

Каждый переведённый донат, мотивирует на создание новых записей и уроков на YouTube

Контакты для связи

Технология на prog-time
Telegram
https://t.me/prog_time_bot