JS实现url后拼接参数的转换
很多时候能在前端用js实现的数据交互，要比后台套页面实现起来要简单的多，项目中要实现多重筛选的功能，没有做成接口，那就只能js实现url的拼接转换刷新页面，本质就是改变get传参里参数值
下面是笔者自己封装的一个方法，任何地方都适用
function params(url, obj) {
let result = '';
let item;
if (url.includes("?")) {
for (item in obj) {
if (obj[item] && String(obj[item])) {
result += `&${item}=${obj[item]}`;
}
}
}else{
result += "?"
for (item in obj) {
if (obj[item] && String(obj[item])) {
result += `&${item}=${obj[item]}`;
}
}
}
return url + result;
}
那么怎么调用他呢，假设我们需要传入一下参数
const obj = {
name: '笔者真帅',
value: '666',
}
这里我们直接调用这个函数，用一个变量接收就好了
let url = 'http//www.baidu.com/course?username=xm'
var demoUrl = params(url, obj)
console.log(demoUrl);最后解析出来的就是
http//www.baidu.com/course?username=xm&name=笔者真帅&value=666网站声明：如果转载，请联系本站管理员。否则一切后果自行承担。
赞同 0
评论 0 条
- 上周热门
- 银河麒麟添加网络打印机时，出现“client-error-not-possible”错误提示 1325
- 银河麒麟打印带有图像的文档时出错 1238
- 银河麒麟添加打印机时，出现“server-error-internal-error” 1025
- 统信桌面专业版【如何查询系统安装时间】 953
- 统信操作系统各版本介绍 946
- 统信桌面专业版【全盘安装UOS系统】介绍 905
- 麒麟系统也能完整体验微信啦！ 892
- 统信【启动盘制作工具】使用介绍 501
- 统信桌面专业版【一个U盘做多个系统启动盘】的方法 443
- 信刻全自动档案蓝光光盘检测一体机 389
- 本周热议
- 我的信创开放社区兼职赚钱历程 40
- 今天你签到了吗？ 27
- 信创开放社区邀请他人注册的具体步骤如下 15
- 如何玩转信创开放社区—从小白进阶到专家 15
- 方德桌面操作系统 14
- 我有15积分有什么用? 13
- 用抖音玩法闯信创开放社区——用平台宣传企业产品服务 13
- 如何让你先人一步获得悬赏问题信息？（创作者必看） 12
- 2024中国信创产业发展大会暨中国信息科技创新与应用博览会 9
- 中央国家机关政府采购中心：应当将CPU、操作系统符合安全可靠测评要求纳入采购需求 8
热门标签更多
