Как сделать так чтобы при нажатии кнопки добавлялось значение ?sort=p.price&order=DESC в конец строки?

Question

[php7788]

У меня кнопка сортировки по цене. Мне нужно сделать так чтобы когда я на эту кнопку нажимал, она работала по возрастанию, а когда опять на неё повторно то уже по убыванию. У меня в функции есть такое:
Когда в конец адресной строки добавить ?sort=p.price&order=ASC , сортировка будет по возрастанию. А когда в конец добавить ?sort=p.price&order=DESC , сортировка будет по убыванию. Нужно сделать так чтобы когда я нажимал на кнопку сортировки, она добавляла в конец строки ?sort=p.price&order=ASC . А когда еще раз на эту кнопку то - ?sort=p.price&order=DESC . Нужно это реализовать так чтобы к одной кнопке было подсоединено два значения которых нужно добавить в конец строки. Наверно это нужно сделать как то с помощью Javascript?
Мне нужно это сделать на мой сайт. Я нашел такое на чужом сайте - https://xi.express/catalog/smartfony/xiaomi_redmi_... там сортировка по цене, которая мне нужна. Но какой там Javascript код не понятно.

Буду очень благодарен.

Comments

[FanatPHP]

Ссылка у тебя формируется где? В РНР или в яваскрипте? Ну и при чем здесь тогда яваскрипт?
Какая проблема в РНР добавить условие?

[php7788]

FanatPHP, ссылка формируется в адресной строке, при нажатии кнопки. А зачем добавлять условие в PHP код. Если мне нужно чтобы условия добавлялось в конец строки при нажатии кнопки?

[FanatPHP]

это ты сейчас серьёзно говоришь? вот прямо искренне думаешь, что ссылка появляется в адресной строке, а до того как ты нажал кнопку, её в природе не существует? И кнопка эта - чисто декоративный элемент, без всякого кода внутри?

[php7788]

FanatPHP, Я так не думаю. Я думаю что кнопка это контейнер, а в контейнере есть тег который написал вот так <a href="?sort=p.price&or... была не ?sort=p.price&order=ASC , а ?sort=p.price...

[FanatPHP]

утипусеньки! Значит все-таки есть ссылка. Чудеса!
И откуда же у нас берется этот контейнер?

Answer 1

[Александр]

Как вариант:

const toggleOrder = () => {
  const params = new URLSearchParams(window.location.search);

  params.set('order', params.get('order') === 'DESC' ? 'ASC' : 'DESC');
  window.location.search = params.toString();
};

Пример. Код.

Answer 2

[legtr]

Несколько путей для развития есть.

1 - через php смотришь GET и по переменным формируешь обратную ссылку.
К примеру
if( $_GET['order'] == 'ASC'){
$url = 'DESC';
}
а уже окончание подставляешь в ссылку.

2 - формируешь 2 ссылки и по клику одну прячешь другую показываешь стилями (при условии что у тебя вывод информации идет через ajax

Comments

[php7788]

где найти php get?

[Павел Корнилов]

php7788, $_GET
В этом массиве будут все входящие гет-параметры

Answer 3

[Павел Корнилов]

Front-end вариант решения:

Comments

[FanatPHP]

Вот как видишь бляху "куратор" - сразу можно сказать, что ответ будет прямой как палка, и столь же бесполезный.

[Павел Корнилов]

FanatPHP, что-то я не вижу вашего кривого, но полезного ответа. Вы сюда пофлудить приходите?

[FanatPHP]

не всегда
просто мне хватает ума понять, что не всякий вопрос заслуживает ответа
и что в любом случае перед тем как писать ответ, надо сначала подумать
ну или по крайней мере прочесть вопрос целиком, а не первые три слова

[Павел Корнилов]

FanatPHP, однако, при этом же вашем достойном качестве, у вас не хватает ума не хамить посторонним людям. ИМХО, не каждое мнение стоит озвучивать в публичном диалоге. У меня их тоже хватает, но при этом я стараюсь, без обратной необходимости, держать их при себе.
Давайте на этом закончим бесполезный диалог.

[FanatPHP]

ну как до вас, "кураторов" иначе достучаться? :)
а сейчас видно, что задело за живое.
оказывается "куратор" - это не всесильный повелитель тегов на тостере, а обычный попугай, курам на смех, который выдает ответы не читая вопроса

сейчас можешь подуться, а впредь учись думать перед тем как свое авторитетное мнение высказывать

[FanatPHP]

То что ты остарался написать какой-никакой код - это, конечно, похвально.
Но надо, во-первых, учитывать, что ссылка, скорее всего динамическая, и надо манипулировать текущим адресом, а не тупо перезаписывать его
А во-вторых, прочесть вопрос до конца и увидеть что кнопка двойного действия. То есть код опять же должен анализировать текущий урл