微信小程序开发交流qq群   173683895

   承接微信小程序开发。扫码加微信。

正文:

实现思路:请看log和打印结果

// url参数解析
function getUrlkey(url) {var params = {};var urls = url.split("?");                  console.log('1_分割url:', urls)var arr = urls[1].split("&");               console.log('2_分割urls[1]:', arr)for (var i = 0, l = arr.length; i < l; i++) {var a = arr[i].split("=");                console.log('3_遍历 arr 并分割后赋值给a:', a[0], a[1])params[a[0]] = a[1];                      console.log('4_a给params对象赋值:', params)}                                           console.log('5_结果:', params)return params;
}

console.log(6,getUrlkey('http//aaa/txt.php?a=1&b=2&c=3'))

打印结果:

加强版:

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>https://a-jing.blog.csdn.net/</title></head><body><h4>当前页面的url中的参数</h4><div id="urlItem"></div><script type="text/javascript">/*url         String   可选参数, url地址OneKey       String   可选参数, 获取当前网址指定参数Delete_key  Array    可选参数, 过滤指定参数*/var getUrlData =function (url,OneKey,Delete_key=[]){if(!url)url = window.location.search;var url_l = url.split('?')[1];var url_ll = url_l.split('&'),obj ={};url_ll.forEach((item,idx)=>{var key = item.split('=')[0];var val = item.split('=')[1];if(Delete_key.indexOf(key)==-1) obj[key] = val;})if(OneKey&&url_l.indexOf(OneKey))return obj[OneKey];return obj;}();var html='';console.log('当前的url为:',window.location.search)console.log('当前url的参数对象:',getUrlData)for (let item in getUrlData) {html +=`<p> ${item} : ${getUrlData[item]}</p>`}document.getElementById('urlItem').innerHTML = html;</script></body></html>

JS 把url的参数解析成对象相关推荐

  1. js 实现url链接自动转换成对象;

    问题描述: 工作中有时候需要将URL字符串转换为需要的对象,如图: baidu.com?a=aaa&b=bbb&c=ccc 需要转换成: {a: 'aaa',b: 'bbb',c: ' ...

  2. qs—对象序列化为查询参数和URL解析成对象的库

    安装 npm install qs 使用 let qs = require('qs') // 或者 import qs from 'qs' 方法 对象序列化为URL查询参数 let obj = {a: ...

  3. js获取url地址栏参数的方法,解决中文乱码问题,能支持中文参数

    js获取url地址栏参数的方法,解决中文乱码问题,能支持中文参数 参考文章: (1)js获取url地址栏参数的方法,解决中文乱码问题,能支持中文参数 (2)https://www.cnblogs.co ...

  4. js获取url地址参数

    一.js获取url地址栏参数 1.传入url地址(获取某个参数) console.log(getQueryVariable('aid', "http://10.179.91.238:8000 ...

  5. url参数解析 url解析 ?解析成对象

    微信小程序开发交流qq群   173683895    承接微信小程序开发.扫码加微信. 正文: 代码: // url参数解析 function getUrlkey(url) {var params ...

  6. js获取url的参数

    好久没有写博客,今天记录一下. 需求:获取当前页面url中带有的参数 1.定义一个GetRequest()方法 1 //获取url中的参数,如code 2 function GetRequest() ...

  7. 把URL参数解析成一个Json对象

    function ParseURL( url ){var param = {};//判断url是否?if( url.indexOf("?") > 0 ){var url = ...

  8. 前台js获取url传递参数(后台Request.QueryString接收)

    1.方法 function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^& ...

  9. 使用js修改url地址参数并修改url地址

    注: 微信小程序和公众号内屏蔽了  eval() 函数,需要用其他方法解决 修改浏览器地址参数: function changeURLArg(url,arg,arg_val){var pattern= ...

最新文章

  1. Feign客户端 - 超时时间配置
  2. Ubuntu下面的Keras可视化+权重维度获取-Netron的安装使用
  3. Prism for WPF 搭建一个简单的模块化开发框架
  4. centos7 关于php使用pdo扩展连接数据库详细步骤
  5. 蓝桥杯 ADV-96 算法提高 复数求和
  6. Sobel边缘检测算法及OpenCV函数实现
  7. 实用新型专利申请文件撰写示例
  8. 基于Spring Boot的简易版新闻管理系统
  9. 机器学习 第一节 第一课
  10. 13. Zigbee应用程序框架开发指南 - 多网络支持
  11. (word、ppt、excel)​office怎么删除历史文档记录
  12. 【实用教程】让我来帮你一键下载公zhong号图文封面吧(文末附小白教程)
  13. 实战攻防之紫队视角下的实战攻防演习组织
  14. 我国天宫空间站以及各个仓位介绍
  15. 《现代数学基础丛书》
  16. scrollbar属性、样式详解
  17. python获取财务数据_「净利润增长率」使用python获取股票“净利润同比增长率”等“上市公司成长能力”数据 - seo实验室...
  18. KDE、Gnome 和 XFCE,各个 Linux 桌面环境的使用情况如何?
  19. 计算机概念:抽象和具象的关系和联系
  20. MIDI CC控制器参数表

热门文章

  1. 微信js sdk动态引用
  2. WC2018集训 吉老师的军训练
  3. 1071. 小赌怡情(15)
  4. .NET笔试题集(五)
  5. SQL Server中SELECT会真的阻塞SELECT吗?
  6. 简评游戏人工智能相关的中文书(下)
  7. 转 --有些事情需要注意
  8. 多路IO复用模型 select epoll 等
  9. 深入理解PHP之数组遍历
  10. 正则表达式--检查颜色值