项目场景:
提示:这里简述项目相关背景:
项目场景:项目中经常遇到需要获取url中的参数并组装成Object对象,或者需要把一个Object对象拼接成url传给后台
封装函数
<script>
//url中参数转成Object
// window.location.href 获取地址
let url = 'https://xxxx.com/xxx/demo?type=1&id=2'
//方法一 URLSearchParams对象
function geturlparam(url) {
let p = url.split('?')[1]
let params = new URLSearchParams(p)
return params
}
//方法二 遍历组装
function geturlparam(url) {
let p = url.split('?')[1]
let keyValue = p.split('&');
let obj = {};
for (let i = 0; i < keyValue.length; i++) {
let item = keyValue[i].split('=');
let key = item[0];
let value = item[1];
obj[key] = value;
}
return obj
}
//Object转成url参数
function makeQuery(queryObject) {
const query = Object.entries(queryObject);
const result = [];
query.forEach((v, i) => {
if (!v.toString().includes("null")) {
result.push(v.join('='))
}
})
return result.join('&')
}
</script>