最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JS?中的URLSearchParams?對(duì)象操作(以對(duì)象的形式上傳參數(shù)到url)

 更新時(shí)間:2022年12月13日 15:26:28   作者:謝友海  
這篇文章主要介紹了JS中URLSearchParams的基本用法,本文結(jié)合示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

基本用法

此功能某些瀏覽器尚在開(kāi)發(fā)中,兼容性可能不是很好。

URLSearchParams() 構(gòu)造器:創(chuàng)建并返回一個(gè)新的URLSearchParams 對(duì)象。 開(kāi)頭的’?’ 字符會(huì)被忽略。

語(yǔ)法:

// init: 參數(shù)可選,為一個(gè) USVString
var URLSearchParams = new URLSearchParams(init);

示例:

// 傳入一個(gè)字符串字面值
var searchParams = new URLSearchParams('https://example.com?foo=1&bar=2');
console.log(searchParams.toString());	// foo=1&bar=2
// 查找字符串
console.log(searchParams.has('foo'));	// true
// 獲取字符串對(duì)應(yīng)的數(shù)據(jù)
console.log(searchParams.get('foo'));	// 1
// 設(shè)置字符串
searchParams.set('ttl','3');	// 1
console.log(searchParams.toString());	// foo=1&bar=2&ttl=3


// 傳入一個(gè) sequence
var params3 = new URLSearchParams([["foo", 1],["bar", 2]]);
console.log(params3.toString());	// foo=1&bar=2

// 傳入一個(gè) record
var params4 = new URLSearchParams({"foo" : 1 , "bar" : 2});
console.log(params4.toString());	// foo=1&bar=2

url的打印結(jié)果:

在這里插入圖片描述

實(shí)踐運(yùn)用

函數(shù)封裝:

export function toSearch(record: Record<string, string>) {
  return new URLSearchParams(record).toString();
}

使用

// Button 按鈕是adtd里面的,這里只展示局部代碼
<Button
  type="link"
  href={`#/project/flowpage?${toSearch({
    id: 666,
    name: "liu",
  })}`}
  target="_blank"
>
  點(diǎn)擊按鈕
</Button>

效果:

// 前面域名指向當(dāng)前網(wǎng)頁(yè)的域名,這里暫用...省略
...#/project/flowpage?id=666&name="liu"

到此這篇關(guān)于JS 中的URLSearchParams 對(duì)象操作(以對(duì)象的形式上傳參數(shù)到url)的文章就介紹到這了,更多相關(guān)JS URLSearchParams內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評(píng)論

旬邑县| 石门县| 黄平县| 游戏| 汉中市| 宁武县| 搜索| 昌黎县| 舟曲县| 盐源县| 平度市| 蒙自县| 黔西| 水城县| 宜都市| 文昌市| 老河口市| 英德市| 临沧市| 大理市| 稻城县| 方正县| 囊谦县| 台北市| 贡嘎县| 仁怀市| 无锡市| 达孜县| 额尔古纳市| 县级市| 威远县| 沽源县| 浠水县| 磐石市| 巴东县| 宜川县| 古交市| 连城县| 玛纳斯县| 阿坝县| 广河县|