首页 > 其他分享 >向url中的添加参数,要求传递对象后解析成参数到url上

向url中的添加参数,要求传递对象后解析成参数到url上

时间:2024-07-16 16:30:21浏览次数:16  
标签:www obj url values keys 参数 let 解析

例如:传参{name:'张三',age:18},

function urlFn(obj) {
	let url = 'http://www.alibb.com'
	let keys = Object.keys(obj)
	let values = Object.values(obj)
	url += '?'
	for (let i = 0; i < keys.length; i++) {

		if (i == keys.length - 1) {
			url += `${keys[i]}=${values[i]}`
		} else {
			url += `${keys[i]}=${values[i]}&`
		}

	}
	return url
}

得到http://www.alibb.com?name=张三&age=18

 url 不固定可以采用传参的方式

function urlFn(obj,url) {
	let keys = Object.keys(obj)
	let values = Object.values(obj)
	url += '?'
	for (let i = 0; i < keys.length; i++) {

		if (i == keys.length - 1) {
			url += `${keys[i]}=${values[i]}`
		} else {
			url += `${keys[i]}=${values[i]}&`
		}

	}
	return url
}
let obj = {
    name:'小明',
    age:'18'
}
let url = 'http://www.alibb.com'
console.log(urlFn(obj,url))
//http://www.alibb.com?name=小明&age=18

标签:www,obj,url,values,keys,参数,let,解析
From: https://blog.csdn.net/Ljt99/article/details/140443520

相关文章

  • 免费图床深度解析:高速 、稳定、体验上佳、速度、长期使用的绝佳选择
    在当今这个全面数字化的互联网时代,图片已然成为信息传递过程中不可或缺的重要组成部分。不管是用于展示产品的独特之处、分享生活中的美妙瞬间,还是在各类文档与网页中增强视觉效果,图片都发挥着至关重要的作用。然而,随之而来的图片存储与分享的难题,时常让我们感到烦恼。想象一下,您......
  • collect 详细解析 Java 8 Stream API 中的 collect 方法
    collect详解Java8引入的StreamAPI提供了一种强大的方式来处理集合数据其中的collect方法是一个关键操作,用于将流中的元素收集到不同类型的结果容器中。本文将详细介绍Java中Stream的collect方法包括其基本用法、常见的收集器以及一些实际应用场景。......
  • rbd常用的配置参数
    本文分享自天翼云开发者社区《rbd常用的配置参数》,作者:l****nrbd的基本介绍rbd的架构如下图所示:rbd采用CRUSH算法实现数据的随机分布。CRUSH算法,即ControlledReplicationUnderScalableHashing,是一种基于哈希的数据分布算法。CRUSH算法以数据唯一标识符、当前存储集群的拓......
  • HAL库源码移植与使用之正点原子OLED使用解析
    正点原子的OLED是使用SSD1306来驱动的,并设计了多种通讯方式,通过背后的焊点来选择这里以正点原子开发板最常用的8080并口通讯来讲引脚定义各正点原子开发板对OLED的接线8080时序图发送数据示例代码voidoled_wr_byte(uint8_tdata,uint8_tcmd){ OLED_RS(cmd); /......
  • 2024年7月JLPT日语N2真题试卷、答案解析、听力原文
    本套真题由【学日语的師夫】制作排版,分享下载日语等级考试N1N2N3N4N5专四专八历年真题PDF文件,树先生日语真题的平替内容,精讲版答案解析非常适合复习备考,听力原文真是还原听力场景,多听多练习。如果你正在备考12月份的考试,可以参考【学日语的師夫】排版的真题内容,刷真题是最有效......
  • ragflow本地部署的问题(文本解析不了)
    本文章主要介绍我在部署一个名叫ragflow的开源项目时所遇见的问题以及解决办法。对于这个其实对我的感触很大,因为我花费了一个星期的时间来寻找这个问题的办法,但是却不敬人意,于是我决定换一个思路来解决这个问题。下面就是我对这个问题的详细描述。在本地部署完ragflow后,并且......
  • mingw下 解析dll中全局函数
    ULONGsystemGetVarName(conststring&userLib){if(ofs.is_open()){ofs.close();}ofs.open("d:\\log\\symbolTable.txt",ios::out);if(!ofs.is_open()){printf"pp.txtfileopenerr\n");......
  • Vue.js:如何区分页面关闭和刷新?深入解析与实战
    Vue.js:如何区分页面关闭和刷新?深入解析与实战在开发基于Vue.js的单页应用(SPA)时,我们经常需要处理用户关闭浏览器标签页或刷新页面的情况。虽然这两种操作看似相似,但在某些业务场景中,我们需要对它们进行区分并做出不同的响应。那么,如何在Vue.js中实现这一点呢?本文将带你深入探讨这......
  • 载均衡技术全解析:Pulsar 分布式系统的最佳实践
    背景Pulsar有提供一个查询Broker负载的接口:/***Getloadforthisbroker.**@return*@throwsPulsarAdminException*/LoadManagerReportgetLoadReport()throwsPulsarAdminException;publicinterfaceLoadManagerReportextends......
  • 所有环比与同比(详细解析)
    环比与同比环比是相邻两期数据进行比较,同比是历史同期数据进行比较。同比=(本期数-同期数)/同期数=本期数/同期数-1环比=(本期数-上期数)/上期数=本期数/上期数-11)年环比(Year-over-Year,YoY)=年同比(Year-on-Year,YoY)年环比是用来比较相同月份或季度在不同年份......