js 获取链接地址中的参数
比如,链接地址是:"http://blog.whuang.com/search?username=abc&age=26"
我要获取username参数的值"abc"
方式一:
核心方法
/** * 获取指定的参数值 * @param url3 * @param key * @returns {void|string|XML} */ getParameter: function (url3, key) { var regExp = new RegExp('^.*[?&]' + key + '=([^&=?]*)&?.*$', ''); var parameter = url3.replace(regExp, '$1'); return parameter; }
测试代码:
var url3="http://blog.whuang.com/search?username=abc&age=26"; console.log(urlUtil.getParameter(url3,'age')); url3="http://blog.whuang.com/search?username=abc&age=26"; console.log(urlUtil. getParameter(url3,'username')); url3="http://blog.whuang.com/search?username=abc&age=26&callback=http%3A%2F%2Fc.b.com%3Fid%3D3"; console.log(urlUtil.getParameter(url3,'callback')); url3="http://blog.whuang.com/search?username=&age=26"; console.log(urlUtil.getParameter(url3,'username'));
方式二:使用第三方库purl
地址:https://github.com/allmarkedup/purl
范例:
this.options = { username: purl().param('username') || '', age: purl().param('age') || '', Key: '' };
purl 代码见附件
方式三:
/*** * get request query string * @returns {{}} */ getQueryParams: function () { var i, ilen, strs, keyName, keyValue, params = {}, path = window.location.pathname, url = window.location.href; if (url.indexOf("?") > -1) { var index = url.indexOf("?"); strs = url.substring(index + 1); strs = strs.split("&"); ilen = strs.length; for (i = 0; i < ilen; i++) { var indexEqual = strs[i].indexOf('='); if (indexEqual == -1) { keyName = strs[i]; keyValue = ''; } else { keyName = strs[i].substring(0, indexEqual); keyValue = strs[i].substring(indexEqual + 1) || ""; } if (keyName == "callback") keyValue = decodeURIComponent(keyValue); params[keyName] = keyValue; } } return params; }
调用方式:
getQueryParams().username
相关推荐
设置或获取对象指定的文件名或路径。 ...设置或获取 href 属性中在井号“#”后面的分段。 设置或获取 location 或 URL 的 hostname 和 port 号码。 设置或获取 href 属性中跟在问号后面的部分。
js地址栏参数获取,并生成对象
获取url中参数,javascript,你值得拥有
我们知道,在服务器端asp程序可以接受html页面上的form传来的参数,那么,可不可以传递参数给html页面呢,也就是说在html后面加问号
js获取链接中所带参数,根据参数key值获取,最新方法,测试可用
类似 bb.html?data=1&data2=2这种页面跳转,通过该js可以获取参数 方法:在目标页面,即bb.html中使用一下代码即可: var data=$.query.get("data")
主要介绍了php获取URL中带#号等特殊符号参数的解决方法,本文使用JS中的escape函数编码后传递解决这个问题,需要的朋友可以参考下
主要介绍了实例详解JavaScript获取链接参数的方法的相关资料,需要的朋友可以参考下
NULL 博文链接:https://314649444.iteye.com/blog/2113232
js代码-js练习获取链接中的参数的key和值
本文给大家分享两种方法使用js获取url中的参数,其中方法二是使用的正则表达式方法,大家可以根据需要选择比较好的方法,废话不多说了,直接看详细介绍吧。 方法一: //取url参数 var type = request("type") ...
NULL 博文链接:https://onestopweb.iteye.com/blog/2344316
博文链接:https://clarancepeng.iteye.com/blog/112040
//JavaScript获取url,并把url中的参数变成数组的方法,arr数组的值就是各参数值 var url = [removed].href.toString(); var u = url.split("?"); var arr = []; if(typeof(u[1]) == "string"){ u = u[1]....
当然我们可以在后台中获取参数的值,然后在前台js代码中获取变量的值,具体做法请参考我的这篇文章:JavaScript获取后台C#变量以及调用后台方法。 其实我们也可以直接在js中获取请求的参数的值,通过使用[removed]....
获取js的src ?号后的参数;可获取多个参数。 示例链接xxx.js?str=0&u=2 alert(ot.str); alert(ot.u);
1.传递参数: 代码如下: var pmt = ‘sensor=’+ encodeURI(encodeURI(sensor))+’&device=’+encodeURI(encodeURI(device))+’&instrument=’;...接收和解析参数 代码如下: //获取URL参数 function GetRequest()
– // 说明:Javascript 获取链接(url)参数的方法 function getQueryString(name) { // 如果链接没有参数,或者链接中不存在我们要获取的参数,直接返回空 if(location.href.indexOf(“?”)==-1 || location.href....
关键字:parameter 参数:location.href,url ,链接,javascript 方法1: 分解链接方式: 代码如下: [removed] function getQueryString(name) { // 如果链接没有参数,或者链接中不存在我们要获取的参数,直接返回...