URLSearchParams使用

最新推荐文章于 2024-07-10 10:51:41 发布
最新推荐文章于 2024-07-10 10:51:41 发布
阅读量495 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38355349/article/details/117477171
版权

大家在代码中如果存在使用location.search 的地方可以使用一下方式：URLSearchParams 默认构造函数参数为 Map格式

new URLSearchParams(location.search).get("key");

eg:
let addr = new URL("https://mysite.com/login?user=someguy&page=news");
addr.searchParams.get("user");

let url = new URLSearchParams([["cataType",'d'],["priceId",'3'],["riskCode",'5'],["cataCode",1 == "1" ? 2 : 1]]).toString();

小时_sqe
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS获取url字符串（黑科技-URLSearchParams）
Dreamer_xr的博客
06-15 1543
之前截取url字符串一直是.split().split().split()，显得好傻，今天掌握了一个黑科技，很轻便，也很规整，但是不支持IE 这个黑科技就是 构造函数 URLSearchParams URLSearchParams MDN=>戳这里 那么怎么用呢，很简单。 1、首先url格式是有要求的，要问号后面的参数内容并且包含问号，如下 let url = '?toke...
vue项目中使用fetch的实现方法
10-17
' + new URLSearchParams(data).toString(); } const options = { method: type, headers: { 'Content-Type': 'application/json', }, credentials: 'include', }; if (type !== 'GET') { options.body ...
URLSearchParams：JavaScript中的URL查询参数处理工具
墨辰JC的博客
08-14 7686
（页面跳转之间，可以使用这种方法进行参数传递）通过以上两个示例，我们可以看到URLSearchParams的强大之处，它简化了URL参数的获取、解析、构建和更新过程。通过URLSearchParams，我们可以轻松地解析、访问、操作和生成URL查询参数，而无需手动进行繁琐的字符串操作和编码解码。通过充分理解URLSearchParams的功能和使用方法，并注意其中的注意事项，我们可以更好地应用它，使我们的代码更加优雅和可维护。访问查询参数：通过
URLSearchParams解析url地址栏参数
最新发布
黄彪博客
07-10 887
在过去，处理URL查询参数是一项相对繁琐的任务。开发人员需要手动解析URL，提取查询字符串部分，并对其进行分割和解码。这个过程涉及到很多繁琐的字符串操作和编码解码步骤，容易出错且代码冗长。为了简化这一过程，ECMAScript 2015（ES6）引入了URLSearchParams API。
URLSearchParams对象的使用
Donnien的博客
06-16 836
// URLSearchParams // url Params // 1 可以帮我们将一个对象 转成 url 参数 格式字符串 // 2 将 url参数格式的 字符串 变成 对象 // const data = { // a: 1, // b: 2, // c: 3, // d: 4 // } // // a=1&b=2&c=3&d=4 // // 1 .
URlSearchParams的使用
判断一个点是否在闭合曲线内
06-02 7354
前几天读axios的源码时看到了URLSearchParams，现在对其做一个简单的介绍。 一、作用 用于处理url中的查询字符串 构造函数 URLSearchParams()构造并返回一个实例，开始的”?”字符将被忽略。 var url = new URL('https://example.com?foo=1&bar=2'); var params = new URLS...
URLSearchParams() 用法及各个参数
负数
05-12 6091
URLSearchParams() 用于接口定义了一些实用的方法来处理 URL 的查询字符串 const quer = new URLSearchParams() URLSearchParams {} __proto__: URLSearchParams append: ƒ append() //添加 quer .append('name',添加...
url-search-params-polyfill:一个简单的针对JavaScript URLSearchParams的polyfill
05-03
也可以使用npm进行安装。 $ npm install url-search-params-polyfill --save 对于Babel和ES2015 +，请确保导入文件： import 'url-search-params-polyfill' ; 对于ES5： require ( 'url-search-params-polyfill...
axios使用文档1
08-04
3. **数据转换**：它能够自动将请求数据转换为 URLSearchParams 或 JSON，同时也能将响应数据从 JSON 转换为 JavaScript 对象。 4. **取消请求**：Axios 提供了取消请求的功能，这对于管理多个并发请求非常有用，...
vue axios数据请求及vue中使用axios的方法
10-18
const params = new URLSearchParams(); params.append("key", index); axios .post(url, params) .then((res) => { console.log(res); }) .catch((err) => { console.error(err); }); } ``` 4. **配置...
详解使用fetch发送post请求时的参数处理
08-30
body: serializedParams, // 使用URLSearchParams的结果作为请求体 }) .then(response => { if (!response.ok) { throw new Error('Network response was not ok'); } return response.json(); // 如果服务器...
URLSearchParams
mu0nian的博客
03-25 6124
URLSearchParams的介绍 URLSearchParams API 提供对 URL 查询的读写访问。 URLSearchParams 类也可以与以下四个构造函数之一单独使用。 URLSearchParams 类也在全局对象上可用。 WHATWG URLSearchParams 接口和 querystring 模块具有相似的用途，但 querystring 模块的用途更通用，因为它允许自定义的分隔符（& 和 =）。 换句话说，此 API 纯粹是为网址查询字符串而设计。 const myU
URLSearchParams()函数
祥哥的说
02-27 1万+
URLSearchParams接口定义了一些实用的方法来处理 URL 的查询字符串。 一个实现了URLSearchParams的对象可以直接用在for...of结构中，例如下面两行是相等的。 for (var p of mySearchParams); for (var p of mySearchParams.entries());//entries()会但会键值对的遍历器 UR...
你不知道的Web Api —— URLSearchParams
weixin_43294332的博客
05-20 268
What is it 官方解释： URLSearchParams 接口定义了一些实用的方法来处理 URL 的查询字符串。 怎么用？ 一、获取浏览器地址栏参数 原来我们需要自己封装方法来获取，例如： function getUrlParams() { let url = location.search; //获取url中"?"符后的字串 let urlParams = {}; if (url.indexOf("?") != -1) { let str = url.substr(1);
urlSearchParams使用
xudakaka的专栏
12-23 598
let searchParam = new urlSearchParams(); searchParam.get(‘key’);//获取单个字段的值 searchParam.has(‘key’)//判断字段是否存在 searchParam.append(‘key’,value);//添加字段 searchParam.delete(‘key’);//删除字段 searchParam.set(‘key...
URLSearchParams 小记
VirgoYellow 的专栏
03-04 335
URLSearchParams接口定义了一些实用的方法来处理 URL 的查询字符串。之前没有没有接触过，了解之后发现还是挺实用的，记录一下。 首先，我们调用 new URLSearchParams()会返回一个 URLSearchParams对象实例： let str = 'name=Amy&age=24&sex=female'; let obj = new URLSe...
详解URLSearchParams
热门推荐
Honey的博客
12-01 1万+
【代码】详解URLSearchParams。
URLSearchParams获取url参数
陈景夏
01-13 894
URLSearchParams // 先模拟一个url对象 let url = new URL('http://localhost:11123/index.html?actNumber=ACT0001&channelId=11&obj="{\"name\":\"晨淘淘\",\"age\":18}"#/') console.log(url); let params = new URLSearchParams(url.search.slice(1)); console.log(params);
通过URLSearchParams更方便地截取参数
JudyC的博客
11-14 298
通过newURLSearchParams更方便地截取参数 if(window.URLSearchParams){ const params = new URLSearchParams('sex=1&age=24&like=reading') params.get('sex') // '1' params.get('age') // '24' params.set...
怎么使用urlsearchparams
02-24
使用 URLSearchParams，可以轻松地对 URL 的查询字符串进行读写操作。要使用它，可以通过 new URLSearchParams() 构造函数创建一个新的实例，该实例可以被用于操作 URL 的查询字符串参数。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值