JS根据key值获取URL中的参数值及把URL的参数转换成
json对象
不废话了,直接贴代码了,通过⽰例⼀讲解JS根据key值获取URL中的参数值及把URL的参数转换成json对象,⽰例⼆讲解js 获取url传递参数,具体内容请看下⽂
⽰例⼀:
//把url的参数部分转化成json对象
parseQueryString: function (url) {
var reg_url = /^[^\?]+\?([\w\W]+)$/,
reg_para = /([^&=]+)=([\w\W]*?)(&|$|#)/g,
arr_url = (url),
ret = {};
if (arr_url && arr_url[1]) {
var str_para = arr_url[1], result;
while ((result = (str_para)) != null) {
ret[result[1]] = result[2];
}
}
return ret;
}
// 通过key获取url中的参数值
getQueryString: function (name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
⽰例⼆:
js通过两种⽅法获取url传递参数:
js获取url传递参数⽅法⼀:
js获取json的key和value这⾥是⼀个获取URL带QUESTRING参数的JAVASCRIPT客户端解决⽅案,相当于asp的request.querystring,PHP的$_GET
函数:
<Script language="javascript">
function GetRequest() {
var url = location.search; //获取url中"?"符后的字串
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for(var i = 0; i < strs.length; i ++) {
theRequest[strs[i].split("=")[0]]=(strs[i].split("=")[1]);
}
}
return theRequest;
}
</Script>
然后我们通过调⽤此函数获取对应参数值:
<Script language="javascript">
var Request = new Object();
Request = GetRequest();
var 参数1,参数2,参数3,参数N;
参数1 = Request[''参数1''];
参数2 = Request[''参数2''];
参数3 = Request[''参数3''];
参数N = Request[''参数N''];
</Script>
以此获取url串中所带的同名参数
js获取url传递参数⽅法⼆正则分析法:
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");
var r = window.location.search.substr(1).match(reg);
if (r!=null) return (r[2]); return null;
}
alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));
其他参数获取介绍:
//设置或获取对象指定的⽂件名或路径。
alert(window.location.pathname);
//设置或获取整个 URL 为字符串。
alert(window.location.href);
//设置或获取与 URL 关联的端⼝号码。
alert(window.location.port);
//设置或获取 URL 的协议部分。
alert(window.location.protocol);
//设置或获取 href 属性中在井号“#”后⾯的分段。
alert(window.location.hash);
//设置或获取 location 或 URL 的 hostname 和 port 号码。
alert(window.location.host);
/
/设置或获取 href 属性中跟在问号后⾯的部分。 alert(window.location.search);
以上内容介绍了JS根据key值获取URL中的参数值及把URL的参数转换成json对象,js通过两种⽅式获取url传递参数,代码⾮常简单,希望对⼤家有所帮助。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。