手写系列 # 1:实现 getQueryString 方法获取 URL 上的参数值

简介: 手写系列 # 1:实现 getQueryString 方法获取 URL 上的参数值

实现

function getQueryString(url, name) {
  let index = url.indexOf('?');
  console.log('?', index); // ? 30
  // 需要判断是否存在 ?
  if(index === -1){
    return undefined;
  }
  // 将 ? 后面的参数分割成 type=blog 这样的数组
  let paramsArr = url.substring(index + 1).split('&');
  console.log(paramsArr); // ["type=blog", "name=kaimo"]
  // 遍历 paramsArr 
  for(let i = 0; i < paramsArr.length; i++) {
    // 每个元素用 = 分割
    let paramsItem = paramsArr[i].split('=');
    // 找到 name 并返回值
    if(paramsItem[0] === name) {
      return paramsItem[1];
    }
  }
}
// 测试
console.log(getQueryString('https://blog.csdn.net/kaimo313?type=blog&name=kaimo', 'name')); // kaimo




fa970d0b72ca42b59f3ac243208c0d6f.png







目录
相关文章
|
6月前
|
前端开发 JavaScript
前端知识(十)———JavaScript 使用URL跳转传递数组对象数据类型的方法
前端知识(十)———JavaScript 使用URL跳转传递数组对象数据类型的方法
123 0
|
XML JSON 缓存
Java实现根据商品短连接(真实URL)获取1688商品详情用数据API方法
Java实现根据商品短连接(真实URL)获取1688商品详情用数据API方法
|
20天前
|
JavaScript
vue封装一个查询URL参数方法
通过以上步骤,我们在Vue.js项目中封装了一个查询URL参数的方法 `getQueryParam`,并在Vue组件中成功应用。这种封装方式不仅提高了代码的复用性,还使得代码更加清晰和易于维护。
10 1
|
21天前
|
JavaScript
vue封装一个查询URL参数方法
通过以上步骤,我们在Vue.js项目中封装了一个查询URL参数的方法 `getQueryParam`,并在Vue组件中成功应用。这种封装方式不仅提高了代码的复用性,还使得代码更加清晰和易于维护。
12 1
|
19天前
|
Java Spring
JAVA获取重定向地址URL的两种方法
【10月更文挑战第17天】本文介绍了两种在Java中获取HTTP响应头中的Location字段的方法:一种是使用HttpURLConnection,另一种是使用Spring的RestTemplate。通过设置连接超时和禁用自动重定向,确保请求按预期执行。此外,还提供了一个自定义的`NoRedirectSimpleClientHttpRequestFactory`类,用于禁用RestTemplate的自动重定向功能。
|
2月前
|
安全 Java API
Java根据URL获取文件内容的实现方法
此示例展示了如何安全、有效地根据URL获取文件内容。它不仅展现了处理网络资源的基本技巧,还体现了良好的异常处理实践。在实际开发中,根据项目需求,你可能还需要添加额外的功能,如设置连接超时、处理HTTP响应码等。
296 4
|
3月前
|
开发框架 前端开发 .NET
Asp.net Webapi 的 Post 方法不能把参数加到 URL 中?试试这样写
Asp.net Webapi 的 Post 方法不能把参数加到 URL 中?试试这样写
|
5月前
|
域名解析 存储 缓存
HTTP请求流程概览:浏览器构建请求行含方法、URL和版本;检查缓存;解析IP与端口
【6月更文挑战第23天】 HTTP请求流程概览:浏览器构建请求行含方法、URL和版本;检查缓存;解析IP与端口;TCP连接(HTTP/1.1可能需排队);三次握手;发送请求头与体;服务器处理并返回响应;TCP连接可能关闭或保持;浏览器接收并显示响应,更新缓存。HTTP版本间有差异。
89 5
|
4月前
|
JavaScript
js 获取并解析 url 中参数的三种方法
js 获取并解析 url 中参数的三种方法
433 0
|
6月前
|
JavaScript 前端开发
javascript获取url信息的常见方法
javascript获取url信息的常见方法
78 2