任何网站的 url 都需要对 uri 和 uri 组件进行编码和解码，以到达或重定向用户。这是 web 开发中的一项常见任务，通常是在使用查询参数向 api 发出 get 请求时完成的。查询参数还必须编码在 url 字符串中，服务器将对其进行解码。许多浏览器会自动对 url 和响应字符串进行编码和解码。
例如，空格“ ”被编码为 + 或 %20。
对 url 进行编码可以使用 javascript 中的以下方法来完成特殊字符的转换 -encodeuri() 函数 - encodeuri() 函数用于对完整的 uri 进行编码，即将 uri 中的特殊字符转换为浏览器可理解的语言。一些未编码的字符是：(, / ? : @ & = + $ #)。
encodeuricomponent() 函数 - 这函数对整个 url 而不仅仅是 uri 进行编码。该组件还对域名进行编码。
语法encodeuri(complete_uri_string )encodeuricomponent(complete_url_string )
参数complete_uri_string string - 它保存要编码的url。
complete_url_string string - 它保存要编码的完整 url 字符串。
上述函数返回编码后的 url。示例 1在下面的示例中，我们使用encodeuri() 和encodeuricomponent() 方法对url 进行编码。
# index.html
<!doctype html><html lang="en"><head> <title>encoding uri</title></head><body> <h1 style="color: green;"> welcome to tutorials point </h1> <script> const url="https://www.tutorialspoint.com/search?q=java articles"; document.write('<h4>url: </h4>' + url) const encodeduri=encodeuri(url); document.write('<h4>encoded url: </h4>' + encodeduri) const encodedurlcomponent=encodeuricomponent(url); document.write('<h4>encoded url component: </h4>' + encodedurlcomponent) </script></body></html>
输出
解码 urlurl 的解码可以使用以下方法完成 -
decodeuri() function -decodeuri() 函数用于解码 uri，即将特殊字符转换回原始 uri 语言。
decodeuricomponent( ) 函数 - 此函数将完整的 url 解码回其原始形式。 decodeuri 仅解码 uri 部分，而此方法解码 url，包括域名。
语法decodeuri(encoded_uri )decodeuricomponent(encoded_url
参数encoded_uri uri - 它接受由encodeuri()函数创建的编码url的输入。encoded_url url - 它接受由encodeuricomponent()函数创建的编码url的输入。
这些函数将返回编码 url 的解码格式。
示例 2在下面的示例中，我们使用decodeuri()和decodeuricomponent()方法将编码 url 解码为它的编码 url。原始形式。
#index.html
<!doctype html><html lang="en"><head> <title>encode & decode url</title></head><body> <h1 style="color: green;"> welcome to tutorials point </h1> <script> const url="https://www.tutorialspoint.com/search?q=java articles"; const encodeduri = encodeuri(url); document.write('<h4>encoded url: </h4>' + encodeduri) const encodedurlcomponent = encodeuricomponent(url); document.write('<h4>encoded url component: </h4>' + encodedurlcomponent) const decodeduri=decodeuri(encodeduri); document.write('<h4>decoded url: </h4>' + decodeduri) const decodedurlcomponent = decodeuricomponent(encodedurlcomponent); document.write('<h4>decoded url component: </h4>' + decodedurlcomponent) </script></body></html>
输出
以上就是如何在 javascript 中对 url 进行编码和解码？的详细内容。