使用 JavaScript 修改 URL 參數
在 AJAX 密集型 Web 應用程式中,需要動態修改 URL 參數。考慮一個場景,您需要:
為了實現這一點,JavaScript 提供了兩個強大的options:
URL 物件
URL 物件var url = new URL("http://server/myapp.php?id=10"); // Set a new or update an existing parameter url.searchParams.set('enabled', 'true'); // Retrieve the modified URL var modifiedURL = url.href; // http://server/myapp.php?id=10&enabled=true
ECMAScript 6 中引入的URL 物件可讓您直接操作URL 元件。以下是範例:
var url = new URL("http://server/myapp.php?id=10"); // Append a new parameter or update a value var searchParams = new URLSearchParams(url.search); searchParams.append('enabled', 'true'); // Update the URL url.search = searchParams.toString(); // http://server/myapp.php?id=10&enabled=true
URLSearchParams 可讓您將 URL 參數作為鍵值對的集合進行操作。
以上是如何使用JavaScript動態修改URL參數?的詳細內容。更多資訊請關注PHP中文網其他相關文章!