querystring

1、querystring的作用

querystring是可以将url请求地址后的参数转化为对象,也可以把对象转化为url后的参数,便利程序猿对url的操作。

2、querystring的使用

当我们使用npm时,需要导入下面的依赖
npm install querystring -D
其次,我们应该在我们的项目里导入(注:当包在node_modules中时,可以只写相对路径即可)
import quertstring from "querystring"  // vue
let querystring = require('querystring');  // node

3、querystring的api介绍

parse()

此api的作用是将url中的请求参数转化为js中的对象

var s_str = "name=zhangsan&age=12&hobby=play&hobby=com";
var obj = querystring.parse(s_str);
console.log(obj);

// 输出结果
{
age: "12"
hobby: (2) ["play", "com"]
name: "zhangsan"    
} 

另外就是带参数的此api

// 注意,此api中传入了参数
var s_str = "name:zhangsan&age:12&hobby:play&hobby:com";
var obj = querystring.parse(s_str, "&", ":");
console.log(obj);

// 输出结果
{
age: "12"
hobby: (2) ["play", "com"]
name: "zhangsan"    
} 

解释一下这两个参数

“&”,这个是个默认值,这个参数的作用是请求的多个参数之间在url中是以什么隔开的
“ : ”,这个参数是自己指定的,默认值为“=”,含义就是key与value之间是以什么进行连接的

stringify()

此api的作用是将js中的对象转化为请求参数

var obj = {
age: "12"
hobby: (2) ["play", "com"]
name: "zhangsan"    
};
var o2s = querystring.stringify(obj);
console.log(o2s);

// 输出结果
name=zhangsan&age=12&hobby=play&hobby=com


它也可以带参数

var obj = {
age: "12"
hobby: (2) ["play", "com"]
name: "zhangsan"    
};
var o2s = querystring.stringify(obj, "&", ":");
console.log(o2s);

// 输出结果
name:zhangsan&age:12&hobby:play&hobby:com

一沙一世界,一花一天堂。君掌盛无边,刹那成永恒。