首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JavaScript -获取编码的URI的url参数

JavaScript中获取编码的URI的URL参数可以使用decodeURIComponent()函数来实现。该函数用于解码由encodeURIComponent()函数编码的URI组件。

具体步骤如下:

  1. 获取完整的URL字符串,可以使用window.location.href来获取当前页面的URL。
  2. 使用split()函数将URL字符串分割成参数数组,参数之间使用&符号分隔。
  3. 遍历参数数组,对每个参数使用split()函数将参数名和参数值分割开。
  4. 对参数值使用decodeURIComponent()函数进行解码,获取原始的参数值。

以下是一个示例代码:

代码语言:txt
复制
function getURLParameters(url) {
  var params = {};
  var paramArray = url.split('?')[1].split('&');
  
  for (var i = 0; i < paramArray.length; i++) {
    var param = paramArray[i].split('=');
    var paramName = decodeURIComponent(param[0]);
    var paramValue = decodeURIComponent(param[1]);
    params[paramName] = paramValue;
  }
  
  return params;
}

var url = "https://example.com/?name=%E5%BC%A0%E4%B8%89&age=20";
var params = getURLParameters(url);

console.log(params.name); // 输出:张三
console.log(params.age); // 输出:20

这段代码将解析URL参数,并将参数名和参数值存储在一个对象中。你可以通过访问对象的属性来获取特定的参数值。

对于JavaScript获取编码的URI的URL参数,腾讯云没有特定的产品或服务与之相关。但是,腾讯云提供了丰富的云计算产品和服务,如云服务器、云数据库、云存储等,可以满足各种云计算需求。你可以访问腾讯云官方网站(https://cloud.tencent.com/)了解更多信息。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

JavaScript 获取 url指定参数

图片 假设现在有 A 和 B 两个页面,当我们从 A 页面跳转到 B 页面的时候,需要将 A 页面的两个值传递到 B 页面当中,前端可以通过读取缓存方式,从 B 页面获取到 A 页面的数据,但这样方式...,会让其他端上数据不同步,所以我们往往通过 url 传参方式,在 A 页面跳转到 B 页面的时候,通过字符串拼接方式,将 A 页面上值链到 url 上,可参考下面的栗子 A 页面 12 $('body').on('click'...year=2017&month=12,则 B 页面获取参数方式如下 var date = { init: function(){ this.bindCusEvent();...= that.getQueryString('year'), b_month = that.getQueryString('month'); // 利用得到参数值进行其他操作

1.8K50

dns url转发_获取url参数方法

URL转发包括显性转发和隐性转发。 显性转发:访问域名后,转跳到新自定义URL地址,浏览地址是变化。 隐性转发:访问域名后,浏览地址是不变,但网站内容转跳到新目标网站内容。...在dspod使用过程中,很多人会有这样疑惑,怎样用其实现url先行转发呢? 1、注册一个dnspod用户,手机验证绑定。如果验证手机,URL转发功能使用不了。...DNS修改前,先在dnspod添加好对应解析记录。) 5、当dnspod提示域名解析生效后,及域名由它解析使用1个月以上后,就可以使用URL显性转发了。...不同于dapod,有些人喜欢用nat123实现url转发。相对来说操作可能简单一些。只需要在自己注册域名商域名解析系统中,设置DNS或NS由nat123域名解析。...然后.登录nat123域名解析页面或客户端,添加域名解析,选择URL转发类型。配置URL转发后即可实现对url转发。

6.3K40

URIURL区别

URL是RUI命名机制一个子集。  片段标志符  有的URI指向一个资源内部。 这种URI以"#"结束,并跟着一个anchor标志  符(称为片段标志符)。...URIURL和URN之间区别与联系  URI:Uniform Resource Identifier,统一资源标识符;  URL:Uniform Resource Locator,统一资源定位符; ...其中,URL,URN是URI子集。  Web上地址基本形式是URI,它代表统一资源标识符。有两种形式:  URL:目前URI最普遍形式就是无处不在URL或统一资源定位器。 ...URI目前还处在进一步研究当中。研究方向就是弥补URL目前存在缺点。 ...URLURI命名机制一个子集。  区别就是URI定义资源,而URL不单定义这个资源,还定义了如何找到这个资源。

1.5K60

获取url参数精简代码

题目描述 获取 url参数 指定参数名称,返回该参数值 或者 空字符串 不指定参数名称,返回全部参数对象 或者 {} 如果存在多个同名参数,则返回数组 输入例子: getUrlParam...和value; 需要返回对象,则匹配结果用对象存储起来,result[k] = v; 需要处理多个同名参数情况,利用concat拼接(concat返回是数组副本) 需要考虑,输入了参数可是参数没对应,...与没传入sKey 情况 其实就是根据题目要求做出对应返回,以及考虑问题要全面点(函数健壮性)。...可能有问题地方 function(a,k,v),各输入参数是什么意思? 第一个参数a是整个匹配字符串(例如上题,第一次会等于?...我们要用concat方法是数组里那个。而第一个出现t是字符串。 void 0 是啥?

2.7K40

javascript获取url参数_正在获取网络参数一直不出来

大家好,又见面了,我是你们朋友全栈君。 在做项目过程中,经常会遇到获取URL参数问题。每次都是百度一下,找许久才找到能用方法。 今天我自己琢磨了一下,写了一个方法,实测有用。...我有一个链接 http://www.myrealmname.com/mall/#/product/157 给它加两个参数 http://www.myrealmname.com/mall/#/product...promotion_code=ZB06AKXFSR&sku=100 要获取url参数值,则 console.log( getParmeter(‘promotion_code‘) )...// 这里vars结果是: [“promotion_code=ZB06AKXFSR”, “sku=100”] for (let i = 0; i < vars.length...循环第二次结果pair [“sku”, “100”] if(pair[0] === variable){ // 做判断 如果参数名和我们实参一样

43940

使用jquery获取urlurl参数方法

使用jquery获取url以及使用jquery获取url参数是我们经常要用到操作 1、jquery获取url很简单,代码如下: 其实只是用到了javascript基础window对象,并没有用jquery...2、jquery获取url参数比较复杂,要用到正则表达式,所以学好javascript正则式多么重要事情 首先看看单纯通过javascript是如何来获取url某个参数: //获取url参数...= null) return unescape(r[2]); return null; //返回参数值 } 通过这个函数传递url参数名就可以获取参数值,比如url为 http:...reurl=WebForm1.aspx 我们要获取reurl值,可以这样写: var xx = getUrlParam('reurl'); 明白了javascript获取url参数方法,我们可以通过这个方法为...经过一番调试后发现,我再传递参数时,对汉字编码使用是 encodeURI ,而上面的方法在解析参数编码时使用是unescape ,修改为 decodeURI 就可以了。

1.1K60

URIURL 和 URN 区别

URI URI = Universal Resource Identifier 统一资源标志符 URI采用一种特定语法标识一个资源字符串。所标识资源可能是服务器上一个文件。...举个例子: 去寻找一个具体的人(URI);如果用地址:XX省XX市XX区...XX单元XX室主人 就是URL;如果用身份证号+名字去找就是URN(身份证号+名字 无法确认资源地址) 。...在Java类库中,URI类不包含任何访问资源方法,只能标识资源。URL类可以访问资源,可以获取指定资源流信息。 URL格式 ? URL格式 1....协议 指定使用传输协议,如:http、https、ftp等 2. 登录信息 可选,指用户名和密码作为从服务器端获取资源时必要登录信息(身份认证)。 3....参数: 可选,用于给动态网页(如使用CGI、ISAPI、PHP/JSP/ASP/ASP.NET等技术制作网页)传递参数,可有多个参数,用“&”符号隔开,每个参数名和值用“=”符号隔开。 7.

1.2K150

uriurl区别简单理解(uriurl有什么区别)

二、URL URLURI一个子集。它是Uniform Resource Locator缩写,译为“统一资源定位 符”。...三、URIURL之间区别 从上面的例子来看,你可能觉得URIURL可能是相同概念,其实并不是,URIURL都定义了资源是什么,但URL还定义了该如何访问资源。...URL是一种具体URI,它是URI一个子集,它不仅唯一标识资源,而且还提供了定位该资源信息。...URI 是一种语义上抽象概念,可以是绝对,也可以是相对,而URL则必须提供足够信息来定位,是绝对。...,其实纠结就是URI到底是什么,怎么它就是URI不是URL了,其实文章中都已交代,只要能唯一标识资源就是URI,在URI基础上给出其资源访问方式就是URL,这是最简单总结了,希望对大家有所帮助

2.9K20
领券