--- title: encodeURIComponent() slug: Web/JavaScript/Reference/Global_Objects/encodeURIComponent tags: - JavaScript - URI translation_of: Web/JavaScript/Reference/Global_Objects/encodeURIComponent original_slug: Web/JavaScript/Referencje/Obiekty/encodeURIComponent --- <div>{{jsSidebar("Objects")}}</div> <h2 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h2> <p>Koduje każdy komponent Jednolitego Identyfikatora Zasobu (URI) poprzez zamianę, każdego wystąpienia pewnych znaków jedną, dwoma lub trzema sekwencjami ucieczki reprezentujące kodowanie UTF-8 znaku.</p> <h2 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h2> <pre class="syntaxbox">encodeURIComponent(str);</pre> <h3 id="Parametry" name="Parametry">Parametry</h3> <dl> <dt><code>str</code></dt> <dd>Komponent Jednolitego Identyfikatora Zasobu.</dd> </dl> <h2 id="Opis" name="Opis">Opis</h2> <p><code>encodeURIComponent()</code> zamienia wszystkie znaki na sekwencje ucieczki poza znakami: alfabetycznymi, cyframi, <code>- _ . ! ~ * ' ( )</code></p> <p>Ze względów bezpieczeństwa, powinieneś wywoływać <code>encodeURIComponent</code> na każdym parametrze podanym przez użytkownika, który będzie podany jako część URI. Na przykład, użytkownik mógł wpisać "<code>Thyme &time=again</code>" dla zmiennej <code>comment</code>. Nie użycie <code>encodeURIComponent</code> na tej zmiennej da <code>comment=Thyme%20&time=again</code>. Zauważ, że znak ampersand (<em>&</em>) i znak równości (<em>=</em> ) oznaczają nową parę kluczy i wartość. Więc, zamiast wysyłać klucz <code>comment</code> równy <code>Thyme &time=again</code>, dostaniesz dwa klucze POST, jeden równy "Thyme" , a drugi (<code>time</code>) równy again.</p> <h2 id="Zobacz_tak.C5.BCe" name="Zobacz_tak.C5.BCe">Zobacz także</h2> <ul> <li>{{jsxref("decodeURI", "decodeURI()")}}</li> <li>{{jsxref("encodeURI", "encodeURI()")}}</li> <li>{{jsxref("decodeURIComponent", "decodeURIComponent()")}}</li> </ul>