AK
Орно
Size: a a a
2021 April 08
p
норм
FF
как открывать url с предустановленными фильтрами API?
В
В смысле?
FF
есть aside меню с чекбоксами, подвязаны по API, нужно при переходе с другой ссылки на эту страницу допустим показывать уже с предустановленными фильтрами страницу
JB
При переходе, добавь параметры что-то вроде sitename.com/this_page?active=AsideItem1
JB
И по нему активируй
JB
Или же this_page#AsideItem1
FF
шот не грузится ссылка
p
если реакт роутер, то можно название чекбокса в стейте прокинуть через компонент линк
p
или через useParams вытащить из адресной строки
FF
не, там пхп лара
FF
интересует именно как через просто жс можно сделать
p
через window.location попробуй.
или в sessionStorage сохраняй по клику на ссылку, а при загрузке новой страницы считай
или в sessionStorage сохраняй по клику на ссылку, а при загрузке новой страницы считай
p
непонятно как должно работать
p
В
Задаешь все нужные настройки get-параметрами в урле.
get-параметр это пара ключ-значение вида key=value, думаю, знаешь про это.
В твоём случае в качестве ключа будет name чекбоксов. Что это у тебя? Тип товаров или что? Ну, допустим, type (потом назовёшь как тебе нужно), тогда в качестве ключа должна быть строка со значениями чекбоксов через запятую, которые необходимо активировать на странице.
К примеру:
sitez.com?type=free,new,all
А на странице парсишь урл и активируешь чекбоксы.
Как распарсить урл?
Легко.
Тебе нужно сформировать объект на основе get-параметров url-строки.
Часть строки урла, содержащая эти самые get-параметры доступна в window.location.search
Парсинг примерно такой:
const filter = Object.fromEntries(
window.location.search
.substr(1)
.split('&')
.map((p) => p.split('='))
)
Затем парсишь строку со значениями, которые через запятую (тебе просто нужно разбить строку по запятой split(','), в результате получишь массив). Ну и дальше уже от этого всего пляшешь, активируешь чекбоксы и тд и тп.
get-параметр это пара ключ-значение вида key=value, думаю, знаешь про это.
В твоём случае в качестве ключа будет name чекбоксов. Что это у тебя? Тип товаров или что? Ну, допустим, type (потом назовёшь как тебе нужно), тогда в качестве ключа должна быть строка со значениями чекбоксов через запятую, которые необходимо активировать на странице.
К примеру:
sitez.com?type=free,new,all
А на странице парсишь урл и активируешь чекбоксы.
Как распарсить урл?
Легко.
Тебе нужно сформировать объект на основе get-параметров url-строки.
Часть строки урла, содержащая эти самые get-параметры доступна в window.location.search
Парсинг примерно такой:
const filter = Object.fromEntries(
window.location.search
.substr(1)
.split('&')
.map((p) => p.split('='))
)
Затем парсишь строку со значениями, которые через запятую (тебе просто нужно разбить строку по запятой split(','), в результате получишь массив). Ну и дальше уже от этого всего пляшешь, активируешь чекбоксы и тд и тп.
В
checkboxCount
В
Воспользуйся гугл-переводчиком, тогда понятно станет как лучше
А
я примерно слова знаю для именования... Но просто там ведь есть какие-то принципы именно для переменных... Когда глагол, порядок слов. Вот в переводчике было бы count of checkbox, а ты говоришь, что наоборот – checkboxCount лучше. Поэтому и спрашивал)