JavaScript获取地址栏GET参数的方法

本篇文章主要介绍了JavaScript（JS）操作地址栏获取参数的方法，尤其是在开发过程中处理GET请求时，如何有效地从URL中提取参数。文章首先提到了在Web开发中，GET和POST是最常见的请求方式，虽然RestFul接口规范通常基于这些方式，但理解如何在JS中操作GET请求获取地址栏参数是至关重要的。 第一部分，作者给出了一个HTML示例，展示了如何通过a标签携带参数进行页面跳转： ```html <a href="地址栏获取参数.html?admin=123456&registNo=900000002012021000180&taskId=42897">点我跳转</a> ``` 在实际的JavaScript代码中，`window.location.search`用于获取URL中“?”符后的所有参数，然后将其解析为一个Object对象，便于后续操作。例如： ```javascript function getRequest() { var url = window.location.search; var theRequest = new Object(); if (url.indexOf("?") !== -1) { var str = url.substr(1); var strs = str.split("&"); for (var i = 0; i < strs.length; i++) { theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]); } } return theRequest; } ``` 这将返回一个包含所有URL参数的对象，如`{ admin: '123456', registNo: '900000002012021000180', taskId: '42897' }`。 第二部分，文章还提供了一种更具体的获取特定参数值的方法，`getUrlParms(name)`函数，它接收一个参数名称作为输入，然后使用正则表达式来匹配并返回该参数的值： ```javascript function getUrlParms(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var match = window.location.search.match(reg); if (match != null) { return decodeURI(match[2]); } else { return null; } } ``` 这个函数可以用于获取指定名称（如`admin`或`registNo`）的参数值，如果找到则返回，否则返回`null`。 这篇文章详细介绍了如何在JavaScript中通过`window.location`对象操作地址栏的GET请求参数，包括获取所有参数和按名称获取单个参数。这对于实现动态参数传递、查询字符串解析等场景非常有用。开发者可以根据具体需求灵活运用这些方法。