getData(){// location中的search 就是传递过来的参数,首先先把最前的问号去掉// 再以参数传递的分割符分割字符串就得到了 ‘key=xx’,‘key=xxx’一个数组//再对数组进行遍历,对每个元素字符串进行等号分割=> 得到一个[['key','值'],['key','值']]的二维数组let data = location.search.slice(1).split('&').map(str => str.split('='))// 再把数组中的每个数组转为对象得到[{…}, {…}, {…}, {…}, {…}]参数对象data = data.map((item)=>({[item[0]]:item[1]}))// 再进行对象合并data = Object.assign(...data)this.score = data.score// 在url传递中文的过程中 中文会被转码,使用decodeURI(key) 进行转码,转回中文this.Desc = decodeURI(data.Desc)this.rank = data.SNthis.defaultImg = data.phone ? data.phone: defaultImgthis.name = decodeURI(data.name)console.log(data)}

JavaScript使用url字符串拼接传递参数,截取参数相关推荐

  1. Javascript中的字符串拼接

    字符串拼接是所有程序设计语言都需要的操作.当拼接结果较长时,如何保证效率就成为一个很重要的问题.本文介绍的是Javascript中的字符串拼接,希望对你有帮助,一起来看. const icon = ' ...

  2. 小程序 url 对象转字符串编码传参 url 字符串转对象解码接收参数

    url 对象转字符串编码传参 let info = encodeURI(JSON.stringify(this.data.info));wx.navigateTo({url: '/pages/part ...

  3. JavaScript如何实现字符串拼接操作

    实际应用中,目标字符串的生成可能需要多个数据的拼接. 由于应用频繁,几乎是所有编程语言都必须掌握的操作,当然每种语言具有各自特点. 本文将通过代码实例详细介绍一下JavaScript如何实现字符串拼接 ...

  4. 高级JavaScript #ES6(模板字符串,let,箭头函数,forof,参数增强,解构,class,promise)

    模板字符串 1.模板字符串: 只要拼接字符串 都用模板字符串代替+a.整个字符串包裹在一对儿反引号 ` ` 中b.反引号``中支持换行 c.反引号中需要动态生成的内容必须放在${}里d. ${}里: ...

  5. c语言 url字符串解析,c语言截取下载url中文件名称

    摘自百度知道的一个问题 比如说我要截取http://img.baidu.com/img/logo-zhidao.gif中的我 logo-zhidao.gif文件名称当然次url可以是任意的就像迅雷的下 ...

  6. 如何使用 Javascript 获取 URL 参数

    JS 获取 URL 参数稍微有点麻烦,因为 JS 只能获取到 URL 的某一部分,但是不能再细分.如果想获取某一项参数,那么还需要使用一下字符串截取. 所以分为两步: 获取 URL 的参数部分 截取某 ...

  7. PHP使用http_build_query()构造URL字符串的方法(可将POST参数组转换拼接成GET请求链接)...

    <?php //parse_str与http_build_query的使用 //使用parse_str将url字符串转变为key=>value的数组 $str = "tn=mon ...

  8. 使用JavaScript重定向URL参数

    简单实现使用JavaScript重置url参数 ,两种方法,一种字符串拼接形式,一种使用正则判断,且都已经测试通过.供大家参考指教. 1.字符拼接形式 function setUri(para, va ...

  9. Javascript获取URL地址的参数

    什么是URL地址的参数 在网页访问的时候,我们会通过url地址来传递参数. 例如,url地址类似: http://www.pingbuwang.com/index.html?a=12&b=he ...

最新文章

  1. mysql所有知识点总结_MySQL知识点总结
  2. Unity 白猫操作小实例
  3. mysql 数据库引擎常识全集
  4. C++ 多态之虚析构与纯虚拟购01
  5. 苹果cms V10模板 仿优酷网PC模板+wap模板
  6. 程序人生:女程序员的求职奋斗史
  7. 摄像头拼接技术-远超海康大华
  8. VMware 修复 View Planner中的严重RCE 漏洞
  9. 宽字节UTF-8、多字节互转
  10. 4g模块注册上网 移远_迅为干货 | Linux系统移远EC20 4G模块移植方法
  11. 论用户体验测试:牛逼的功能千篇一律,好的体验万里挑一
  12. xshell安装python
  13. 第一次有人把小米9快充讲的这么简单明了qc3.0 usb pd
  14. 你以为你在利用碎片化时间,实际上你的时间被碎片化了
  15. 易飞会计科目表自己外挂表构造语句
  16. 拼多多搜索词统计 API接口操作展示说明
  17. 智商情商哪个重要_高智商和高情商究竟哪个更重要?
  18. 浅谈人工智能神经网络的优点
  19. 怎么用金蝶kis记账王修改会计期间
  20. clean、install、package、deploy分别代表什么含义?

热门文章

  1. python少儿编程课件ppt_《Python 少儿趣味编程》
  2. 辞旧送吉虎,迎新接玉兔,祝大家新年快乐!
  3. 【逻辑思维训练 二】系统思维训练
  4. [项目管理]关于风险管理的问题和可能过早的幼儿教育
  5. MAC 设置忽略部分IP代理
  6. 用c语言编写匀速直线运动,匀速直线运动知识点总结
  7. 计算机桌面保护时间,电脑处于屏幕保护或者休眠状态的时间怎么自己设置?
  8. 计算机认知训练效果,维持认知健康人群晚年认知功能的计算机认知训练
  9. 计算机为什么设ip,怎么设置电脑ip
  10. 给大家推荐一款超低功耗的4G低功耗摄像头方案强大的AI功能