如何在JavaScript或jQuery中检测是否存在HTTP GET请求

前端浏览器环境无法直接读取页面加载时的HTTP请求方法字段，普通页面跳转、打开默认都是GET请求，你需要实现的「判断是否存在GET请求」逻辑，本质是检测当前URL是否携带?拼接的GET查询参数，对应示例URL https://example.com/blog?page=2，可参考以下实现：

判断是否存在任意GET参数 #

直接使用内置window.location.search属性即可，该属性会返回URL中?开头的查询字符串段，无参数时返回空字符串：

<script>
// search属性至少会包含?字符，长度大于1即代表存在实际参数内容
if (window.location.search.length > 1) {
  // 存在GET参数的逻辑
  console.log('当前URL携带GET参数');
}
</script>

判断指定名称的GET参数是否存在 #

现代浏览器推荐写法（无依赖） #

使用原生URLSearchParamsAPI可以快速完成参数判断、读取，不需要手动处理编码、特殊字符问题：

<script>
const searchParams = new URLSearchParams(window.location.search);
// 比如判断是否存在page参数
if (searchParams.has('page')) {
  // 参数存在的逻辑，可通过get方法读取参数值，示例中会返回字符串"2"
  const pageValue = searchParams.get('page');
  console.log('page参数存在，值为：', pageValue);
}
</script>

兼容老旧浏览器写法（原生JS/jQuery通用） #

jQuery本身没有内置URL参数解析的专用方法，如果需要兼容IE等不支持URLSearchParams的环境，可以通过正则实现判断逻辑，原生和jQuery环境都可以直接使用，不需要额外引入插件：

<script>
/**
 * 检测指定GET参数是否存在
 * @param {string} key 参数名
 * @returns {boolean}
 */
function hasGetParam(key) {
  // 转义正则特殊字符避免匹配异常
  const escapeKey = key.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
  const paramReg = new RegExp('[?&]' + escapeKey + '(=([^&#]*)|&|#|$)');
  return paramReg.test(window.location.search);
}

// 使用示例：判断page参数是否存在
if (hasGetParam('page')) {
  console.log('page参数存在');
}
</script>

注意：以上方法仅能检测当前页面URL上拼接的GET参数，代码中异步发起的AJAX GET请求无法通过全局方法回溯检测，需要在请求发起的业务逻辑中自行做标记判断。

内容的提问来源于stack exchange，提问作者Mordad khezerlou