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

JavaScript023

JavaScript写一个方法把URL解析成对象,第1张

粗略的写了一个

function parseQueryString(url) {

var json = {}

var arr = url.substr(url.indexOf('?') + 1).split('&')

arr.forEach(function(item) {

var tmp = item.split('=')

json[tmp[0]] = tmp[1]

})

return json

}

测试程序如下:

var url = "http://witmax.cn/index.php?key0=0&key1=1&key2=2"

var json = parseQueryString(url)

console.log(json)

执行结果:

{ key0: '0', key1: '1', key2: '2' }

两种使用方式：

1）<script src="https://cdn.bootcdn.net/ajax/libs/qs/6.9.3/qs.min.js"></script>在页面上直接引用

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解析成对象的形式