如何使用 JavaScript 解碼 URL

在之前的文章中，我們研究了在 JavaScript 中編碼 URL 的不同方法。在本文中，您將了解如何解碼編碼的 URL 在 JavaScript 中。

URL 解碼是 相反的 的編碼過程。它將編碼的 URL 字符串和查詢參數轉換回它們的正常格式。大多數情況下，編碼的查詢字符串參數由您使用的底層框架（如 Express 或 Spring Boot）自動解碼。但是，在獨立應用程序中，您必須手動解碼查詢字符串。

讓我們看看可用於此目的的 JavaScript 原生函數。

decodeURI()

decodeURI() 函數用於解碼 JavaScript 中的完整 URL。它執行 reverse encodeURI()的操作 .這是一個例子：

const encodedUrl = 'http://example.com/!leearn%20javascript$/';

// decode complete URL
const url = decodeURI(encodedUrl);

// print decoded URL
console.log(url);

// output: http://example.com/!leearn javascript$/

decodeURIComponent()

decodeURIComponent() 函數用於解碼由 encodeURIComponent() 編碼的 URL 組件 在 JavaScript 中。它使用 UTF-8 編碼方案來執行解碼操作。

你應該使用 decodeURIComponent() 解碼查詢字符串參數和路徑段而不是完整的 URL。這是一個例子：

const query = "Danke Schön";

// perofrm encode/decode
const encodedStr = encodeURIComponent(query);
const decodedStr = decodeURIComponent(encodedStr);

// print values
console.log(`Encoded Query: ${encodedStr}`);
console.log(`Decoded Query: ${decodedStr}`);

// Output
// Encoded Query: Danke%20Sch%C3%B6n
// Decoded Query: Danke Schön

閱讀下一篇： JavaScript 中的 Base64 編碼和解碼