Кодировка URL CSS параметров

Question

Я довольно новичок в разработке, поэтому, пожалуйста, не убивайте меня по этому вопросу.

Я строю проверку сайта ecom с помощью Cardconnect. В своих документах url-кодирование CSS параметры являются обязательными на этапе UAT, но не в PROD - для целей проверки (https://developer.cardconnect.com/hosted-iframe-tokenizer#iFrame -stling ). Когда я URL кодирую CSS для домена UAT, мой CSS удаляется. Когда вы обращаетесь к домену, не относящемуся к uat, он рендерится так, как я ожидал Я подозреваю, что кодировка URL неверна, но я не уверен, какая часть неправильная. Любое руководство будет оценено.

**CSS Renders**
https://fts.cardconnect.com/itoke/ajax-tokenizer.html?invalidinputevent=true&css=.error{color:red;border-color:red;};input{width:325px;margin-left:10px;padding-left:2px;height:25px;vertical-align:middle;margin-top:25px;font-size:12px;background-color:#ffffff;}
**CSS Doesn't Render**
https://fts-uat.cardconnect.com/itoke/ajax-tokenizer.html?invalidinputevent=true&css%3D.error%7Bcolor%3Ared%3Bborder-color%3Ared%3B%7D%3Binput%7Bwidth%3A325px%3Bmargin-left%3A10px%3Bpadding-left%3A2px%3Bheight%3A25px%3Bvertical-align%3Amiddle%3Bmargin-top%3A25px%3Bfont-size%3A12px%3Bbackground-color%3A%23ffffff%3B%7D

Answer 1

Да, ваш закодированный URL кажется недействительным.

Если вы посмотрите на часть параметров:

?invalidinputevent=true&css%3D.error

css - это имя параметра, после него должно следовать = и закодированное значение. Но у вас есть =, также закодированный в %3D, поэтому он недействителен.

Вы должны использовать функцию encodeURI для кодирования полного URL:

encodeURI('your url')

, который возвращает:

https://fts.cardconnect.com/itoke/ajax-tokenizer.html?invalidinputevent=true&css=.error%7Bcolor:red;border-color:red;%7D;input%7Bwidth:325px;margin-left:10px;padding-left:2px;height:25px;vertical-align:middle;margin-top:25px;font-size:12px;background-color:#ffffff;%7D

Как видите, этот файл сохранил формат css=value.