js解析url参数为对象（js如何获取请求中的url以及参数）

本文目录

• js如何获取请求中的url以及参数
• js获取url参数值
• 如何使用js 来获取这个地址中的url字段值，例如“ http://网址/#abcd$tw_wxy_urltb_xwz=$123fadsfa32”
• JavaScript写一个方法把URL解析成对象
• qs.js在js项目中的使用
• js.函数parseQuery用于解析url查询参数
• 请编写一个javascript函数parseQueryString,他的用途是吧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 unescape(r);
return null;
}
方法二、
《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);
}
}
return theRequest;
}
《/script》
方法三、
/**
* 获取指定的URL参数值
***隐藏网址***
* 参数：paramName URL参数
* 调用方法:getParam("name")
* 返回值:tyler
*/
function getParam(paramName) {
paramValue = "", isFound = !1;
if (this.location.search.indexOf("?") == 0 && this.location.search.indexOf("=") 》 1) {
arrSource = unescape(this.location.search).substring(1, this.location.search.length).split("&"), i = 0;
while (i 《 arrSource.length && !isFound) arrSource, isFound = !0), i++
}
return paramValue == "" && (paramValue = null), paramValue
}
其他参数获取介绍：
//设置或获取对象指定的文件名或路径。
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获取url参数值

以下函数可以获取url任意参数的值：

function getParams(key){
    var url = location.search.replace(/^\?/,’’).split(’&’);
    var paramsObj = {};
    for(var i = 0, iLen = url.length; i 《 iLen; i++){
        var param = url.split(’=’);
        paramsObj;
    }
    if(key){
        return paramsObj || ’’;
    }
    return paramsObj;
}

可选参数key表示获取参数的名称，如果省略该参数，则会返回一个对象，包含所有参数的key和value。

如何使用js 来获取这个地址中的url字段值，例如“ http://网址/#abcd$tw_wxy_urltb_xwz=$123fadsfa32”

用字符串split()方法分割，取等号后面的部分
***隐藏网址***
***隐藏网址***
《head》
***隐藏网址***
《title》如何获取url等号后面的值《/title》
《script》
window.onload=function()
{
var oA=document.getElementsByTagName(’a’);
var str=oA.getAttribute(’href’);//获取href里面的值
alert(str.split(’=’));//字符串分割

}
《/script》
《/head》
《body》
***隐藏网址***
《/body》
《/html》

JavaScript写一个方法把URL解析成对象

粗略的写了一个
function parseQueryString(url) {
var json = {};
var arr = url.substr(url.indexOf(’?’) + 1).split(’&’);
arr.forEach(function(item) {
var tmp = item.split(’=’);
json;
})
return json;
}
测试程序如下:
***隐藏网址***
var json = parseQueryString(url);
console.log(json);
执行结果:
{ key0: ’0’, key1: ’1’, key2: ’2’ }

qs.js在js项目中的使用

两种使用方式：

***隐藏网址***

window.Qs.stringify()：将对象转换成以&拼接的形式

window.Qs.parse() ：将URL解析成对象的形式

或者

Vue.use(Qs)

Qs.stringify()：将对象转换成以&拼接的形式

Qs.parse()：将URL解析成对象的形式

2)通过安装：npm install qs

在组件中：import   qs   from   ’qs’

qs.stringify()：将对象转换成以&拼接的形式

qs.parse()： 将URL解析成对象的形式

js.函数parseQuery用于解析url查询参数

var parseQuery = function(query){
    var reg = /(*)/g;
    var obj = {};
    while(reg.exec(query)){
        obj = RegExp.$2;
    }
    return obj;
}
var jerry = parseQuery("name=jerry&age=1");
console.log(jerry);
var tom = parseQuery("name= tom &age=12&gender&");
console.info(tom);

请编写一个javascript函数parseQueryString,他的用途是吧URL参数解析为一个对象

var parseQueryString = function (url) {
   var reg = /(*)/g;
   var obj = {};
   while (reg.exec (url)) {
       obj = RegExp.$2;
   }
   return obj;
}
***隐藏网址***
var obj = parseQueryString (url);
console.warn (obj);