querystring

1、querystring的作用

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

2、querystring的使用

  • 当我们使用npm时,需要导入下面的依赖
npm install querystring -D
  • 其次,我们应该在我们的项目里导入
import quertstring from "querystring"

注:当包在node_modules中时,可以只写相对路径即可

3、querystring的api介绍

  1. 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之间是以什么进行连接的
  1. 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

其实看一眼就知道了区别,和stringify带参数的用法差不多

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐