Почему конкатенация строк вызывает повторное кодирование?

Question

[AleDv]

Есть URL, который содержит кириллицу. Например:

city = $('select[name=city]').val();
url = '?city=' + city + "&sort=date";
document.location.href = url;

При переходе по такому урлу, кирилица отрабатывает нормально (site.com/?city=Москва&sort=date)

Если же, применить конкатенацию и добавить в урл ещё один параметр, например :

city = $('select[name=city]').val();
url = '/rent/s/';
url += '?city=' + city + "&sort=date";
document.location.href = url;

То кириллица кодируется, и ссылка получается вида site.com/?city=%25D0%259A%25D0%25B8%25D1%2580%25D0%25BE%25D0%25B2&sort=date

Почему так происходит? Как получить урл с кириллицей в последнем случае? Никак не могу понять.

Answer 1

[xmoonlight]

Нужно переменную city декодировать через decodeURIComponent.

city = $('select[name=city]').val();
url = '/rent/s/';
url += '?city=' + decodeURIComponent(city) + "&sort=date";
document.location.href = url;

Answer 2

[Александр Аксентьев]

Браузеры все по разному работают с кириллицей в ссылках.
Как хотят так и показывают.
Это не от кода зависит.

Да и зачем?

Comments

[AleDv]

По заданию нужно сделать так. Так получается, что в одном бразуере ссылки по разному отображаются, только если добавить ещё один параметр всё ломается.

[Александр Аксентьев]

AleDv: ну я и говорю от браузера зависит как он в какой ситуации захочет отобразить. На самом деле все ссылки в конечном счете выглядят как ваша "неправильная".
Потому что в ссылке не может быть русских букв(в виде русских букв,только закодированные).

Answer 3

[Dark Hole]

Это автоматический encodeURIComponent. Если вам нужно получить исходные значения, то используйте decodeURIComponent.
Что касается волнений по поводу того, что url разный... запрос кириллицы будет всегда через преобразование ее. А сервер будет должен парзить уже такой вариант по-любому