原生js获取url参数的方法
传入需要取的参数名 返回对应值
function getQueryString(name) {
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return decodeURI(r[2]);
}
return null;
}
更加优雅的方法,不仅仅是地址栏的参数
function getQueryString(url, name) {
let aa = url.replace(/[^?]+/, '')
let reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
let r = aa.substr(1).match(reg);
if (r != null) {
return decodeURI(r[2]);
}
return null
}
// 获取URL参数
const urlParams = new URLSearchParams(window.location.search);
// 获取特定参数的值
const parameterValue = urlParams.get('parameterName');
// 遍历所有参数
for (const [key, value] of urlParams) {
console.log(key, value);
}
获取当地天气接口
https://open.onebox.so.com/Dataapi?callback=jQuery20009730446148736132_1691403921364&query=%E5%A4%A9%E6%B0%94&type=weather&ip=&src=soindex&d=pc&url=weather&_=1691403921365