Строка запроса для пользовательского атрибута данных - PullRequest
0 голосов
/ 08 апреля 2020

Вот как я храню свои данные в атрибуте данных:

<div class="playlist-item" data-video='[{"quality": "720p", "video": "video-url1"}, {"quality": "1280p", "video": "video-url2"}]'></div>

, затем jquery, когда я хочу получить атрибут data-video, я говорю:

$('.playlist-item').data('video');

Теперь я пытаюсь сделать то же самое с параметрами строки запроса, и мне интересно, как лучше написать такую ​​строку запроса для этой части?

data-video='[{"quality": "720p", "video": "video-url1"}, {"quality": "1280p", "video": "video-url2"}]'

Я думаю сделать это следующим образом:

?video=video-url1,video-url2&quality=720p,1280p

Я не генерирую html из строки запроса, я получу эту строку запроса в javascript и использую Это. Я знаю, как обрабатывать строку запроса, я просто прошу совета о том, как лучше всего построить такую ​​строку запроса.

Есть ли лучший способ добиться этого?

1 Ответ

0 голосов
/ 08 апреля 2020

Не эксперт в этом, но я написал этот инструмент для веб-браузеров с Node.js, который очищает сайты на основе того, что вы ищете, и я использовал строку запроса, подобную этой, и, похоже, она работала нормально:

mysite.com/search/keywords=blue+shirt&sort=price-high

и

mysite.com/search/keywords=blue+shirt&sort=newest

Dribbble.com использует аналогичную структуру

https://dribbble.com/search/blue%20shirt

Они используют %20 для пробела, но если вы замените его на + это делает то же самое. Я использовал + для объединения ключевых слов.

Эта статья действительно хорошо объясняет правила и значения различных символов и т.д. c.

Вашу строку я бы, наверное, написал так:

/video=video-url1+video-url2&quality=720p+1280p
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...