如何使用jQuery从htaccess重写后的URL中获取GET参数?
解决重写URL后获取ID参数的问题
没错!你遇到的问题确实和.htaccess的URL重写直接相关——因为重写后的浏览器地址栏显示的是美化后的路径(http://example.com/p/kT2Rnu35),已经没有原始URL里的?id=xxx查询参数了,所以用window.location.search这类读取查询字符串的方法自然拿不到值。
下面给你两个实用的解决方案:
方案一:直接解析当前URL的路径片段
既然你的重写规则是固定的(/p/[id]格式),我们可以直接拆分URL的路径部分,取最后一段作为ID:
原生JavaScript写法(更高效)
// 拆分路径为数组,比如路径是"/p/kT2Rnu35",拆分后得到["", "p", "kT2Rnu35"] const pathSegments = window.location.pathname.split('/'); // 取数组最后一个元素就是ID const id = pathSegments[pathSegments.length - 1];
jQuery写法(如果你习惯用jQuery)
// 获取路径并拆分 const pathSegments = $(location).attr('pathname').split('/'); // 弹出数组最后一个元素作为ID const id = pathSegments.pop();
方案二:服务器端传递参数(更可靠)
如果服务器端能控制页面输出,推荐在PHP页面里把原始的ID参数嵌入到页面中,再用jQuery读取:
- 在
page.php里添加一个隐藏输入框:
<input type="hidden" id="target-id" value="<?php echo htmlspecialchars($_GET['id']); ?>">
- 前端用jQuery读取这个值:
const id = $('#target-id').val();
这个方法不受URL重写规则变化的影响,只要服务器能拿到原始的id参数,就能传递给前端,稳定性更高。
内容的提问来源于stack exchange,提问作者nadhirxz
相关产品推荐
相关产品推荐

