【?】开头
【&】开头
【=】参数值
通过下面的例子可以看出，第一个参数需要以【?】开头， 然后是参数名，然后是【=】，然后是参数值。
第一个参数：需要以【?】开头，然后是参数名。
http://www.taohua.com?age=1
下面是第二个参数的拼接开始则需要以【&】开头，然后是参数名，然后是【=】，然后是参数值。
第二个参数 ： 开始需要以【?】开头，然后是参数名，第二个以【&】开头，然后是参数名。
http://www.桃花.com?box=arr&anme='桃花'&age=18
这就是url拼接参数的格式要求。
另一种理解就是，当需要往url上拼接请求参数的时候，需要以【?】作为分隔符，在【?】分隔符的右边开始拼接参数对，参数对的格式是【参数名=参数值】，不同参数对之间以【&】作为分隔符。
//动态设置当参数传进去
let ipaddr = "192.162.1.1....."; let path = "/arrg/box"; let url = "http://" + ipaddr +path ; console.log(url);// http://192.168.1.1..../arrg/box"
//?拼接一个参数
let ipaddr = "192.162.1.1....."; let path = "/arrg/box"; let url = "http://" + ipaddr +path ; let getTimestamps = new Date().getTime();//时间戳 let url= "http://" + ipaddr + path + "?timestamps=" + getTimestamps; console.log(url);//http://192.168.1.1..../arrg/box?timestamps=16082771588
//两个参数拼接时用 & 连接
let ipaddr = "192.162.1.1....."; let path = "/arrg/box"; let url= "http://" + ipaddr + path + "?timestamps=" + getTimestamps; let value = 0; let url2 = "http://" + ipaddr + path + "?value=" + v + "×tamps=" + getTimestamps; console.log(url2);// http://192.168.1.1..../arrg/box?value=0×tamps=16082771588
在页面传值的时候,经常使用到方法就是url后面通过?拼接参数,再结合&可以实现多个参数的传递,例如
http://www.test.com?a=123&b=xyz&b=456
传参不难,只需要按照格式拼接起来,难点在于如何获取拼接好的参数,以上面为例,也就是获取?a=123&b=xyz&c=456这部分内容
使用window.location.search！对，原生的这个api可以获取到?以及后面的参数值，但是不友好的地方在于获取的是字符串，给我们这么一坨东西没用啊，我们需要的东西在这字符串之中，所以我们需要处理一下这个字符串，处理成什么格式做好用呢？对象！
因为在js中，万物皆对象~这里就给大家罗列两种方法（当然不止两种，还有很多方式可以处理，找到一两种好理解，好记忆，灵活处理各种问题的方法才是硬道理）
推荐方法
使用replace()和queryString.parse();
replace()方法可以使用其他的代替,目的是去掉字符串中的?
// http://www.test.com?a=123&b=xyz&b=456
//先引入
import queryString from 'querystring';
const url=window.location.search;
const data=url.replace('?', '');
const param = queryString.parse(data);
//最后结果
param = {
a:'123',
b:['xyz','456']
}
//合并
const param= queryString.parse(url.replace('?', ''));
