一分钟学会,js获取url的参数!!!

第一种方法

let url=http://localhost:8080/login.html?a=b&b=c&c=d&d=e&e=cf
            function getRequest(name){
                let query=location.search.substring(1)
                let vars=query.split('&')
                let arr={}
                for(let i=0;i<vars.length;i++){
                    arr[vars[i].split('=')[0]]=vars[i].split('=')[1]
                }
                return arr[name]
            }
  console.log(getRequest('e')) //cf

第二种方法

  function query(name){
    const search = location.search
    const p = new URLSearchParams(search)
    return p.get(name)
  }
  console.log(query("e"))

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
### 回答1: 你可以使用 `URLSearchParams` 对象来获取 URL 的查询参数。 首先,你需要获取当前页面的 URL: ``` const url = new URL(window.location.href); ``` 然后,你可以使用 `URLSearchParams` 对象来解析 URL 的查询参数: ``` const params = new URLSearchParams(url.search); ``` 最后,你可以使用 `get` 方法来获取指定的参数值: ``` const paramValue = params.get('paramName'); ``` 你也可以使用 `has` 方法来检查 URL 中是否有指定的参数,或者使用 `keys` 方法来获取所有参数的名称列表。 例如,如果你想获取 URL 中名为 `id` 的参数的值,你可以这样做: ``` const id = params.get('id'); ``` 你也可以使用 `for...of` 语句来遍历所有参数: ``` for (const [key, value] of params) { console.log(key, value); } ``` 希望这能帮到你! ### 回答2: 在JavaScript中,我们可以使用window.location.search属性来获取URL参数URL参数是指在URL中的查询字符串部分,以问号(?)开头,后跟参数名称和值,不同的参数之间使用“&”分隔。例如,URL可能是:http://www.example.com/?name=John&age=25 我们可以使用如下代码来获取URL参数: ```javascript // 获取URL中的查询字符串 var queryString = window.location.search; // 去除问号 queryString = queryString.substring(1); // 将查询字符串分割成键-值对 var params = queryString.split("&"); // 创建一个对象来存储参数 var paramObj = {}; // 遍历键-值对,将它们存储在paramObj对象中 for (var i = 0; i < params.length; i++) { var param = params[i].split("="); var key = decodeURIComponent(param[0]); var value = decodeURIComponent(param[1]); // 将参数存储在paramObj对象中 paramObj[key] = value; } // 现在,我们可以通过paramObj对象来访问URL参数 console.log(paramObj.name); // 输出:John console.log(paramObj.age); // 输出:25 ``` 这样,我们就能够使用JavaScript获取URL参数了。 ### 回答3: 在JavaScript中,可以通过使用`window.location.search`来获取URL中的查询参数。这个属性返回`?`后面的部分,包括查询参数和哈希值。 首先,我们可以使用`decodeURIComponent()`函数对查询参数进行解码,以防止特殊字符导致的错误。然后,我们可以使用`substring()`方法将`?`符号从查询参数中去除,只保留参数部分。 例如,如果URL是`https://example.com/?name=John&age=25`,我们可以使用以下代码来获取参数: ```javascript const queryString = window.location.search; const decodedParams = decodeURIComponent(queryString.substring(1)); console.log(decodedParams); ``` 以上代码将输出`name=John&age=25`。接下来,我们可以进一步处理参数字符串以获取每个参数的键和值。 ```javascript const params = decodedParams.split('&'); const paramsObj = {}; params.forEach(param => { const [key, value] = param.split('='); paramsObj[key] = value; }); console.log(paramsObj); ``` 以上代码将输出一个包含每个参数键和值的对象: ```javascript { name: "John", age: "25" } ``` 现在,我们可以通过访问`paramsObj`对象的属性来获取特定参数的值。例如,想要获取`name`参数的值,可以使用`paramsObj.name`。 总结起来,我们可以通过将URL的查询参数字符串解析为对象,以便在JavaScript中轻松地获取和使用URL参数

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值