如何使用jQuery从URL中获取含特殊字符的复杂参数？

这问题我熟，刚好之前处理过类似的URL解码场景，给你两个靠谱的实现方案（jQuery本身没有专门的URL解码API，但可以和原生JS无缝配合）：

方案一：手动拆分URL+解码 #

这种方法逻辑清晰，适合新手理解，核心步骤是拆分URL分段、定位tag位置、提取编码参数、解码还原：

// 获取当前页面的URL（如果是处理固定URL，直接替换成你的目标URL即可）
const currentUrl = window.location.href;
// 按斜杠分割URL为数组，方便定位分段
const urlSegments = currentUrl.split('/');
// 找到"tag"在数组中的索引位置
const tagPosition = urlSegments.indexOf('tag');

// 安全判断：确保找到tag，且后面有参数
if (tagPosition !== -1 && tagPosition + 1 < urlSegments.length) {
  // 提取tag后的第一个编码参数
  const encodedParam = urlSegments[tagPosition + 1];
  // 解码还原成原始显示形式（包括特殊字符ó和空格）
  const originalParam = decodeURIComponent(encodedParam);
  
  // 输出结果，你可以根据需求赋值给变量或DOM元素
  console.log(originalParam); // 控制台输出：Visión Urbana
  // 比如用jQuery显示到页面：$('#target-element').text(originalParam);
}

方案二：利用URL API（更简洁稳定） #

现代浏览器支持的URL API可以更优雅地处理URL结构，避免手动拆分的潜在问题：

// 创建URL对象，自动解析URL结构
const urlObj = new URL(window.location.href);
// 提取路径部分并分割为分段，过滤空字符串（避免开头/结尾的空元素）
const pathSegments = urlObj.pathname.split('/').filter(seg => seg);
// 定位tag的位置
const tagPosition = pathSegments.indexOf('tag');

if (tagPosition !== -1 && tagPosition + 1 < pathSegments.length) {
  const originalParam = decodeURIComponent(pathSegments[tagPosition + 1]);
  console.log(originalParam); // 同样输出：Visión Urbana
}

关键细节说明 #

• 解码方法选择：必须用decodeURIComponent()，它能完美还原所有URI编码的特殊字符（包括%C3%B3→ó、%20→空格），而decodeURI()虽然也能处理，但对部分特殊编码的支持不如前者全面。
• 安全判断：一定要加上tagPosition !== -1和tagPosition + 1 < pathSegments.length的判断，避免URL中没有tag或者tag后无参数时出现数组越界错误。
• jQuery结合：如果需要把结果渲染到页面，直接用jQuery的text()或html()方法即可，比如$('.result').text(originalParam);。

内容的提问来源于stack exchange，提问作者Dolarpami Pami