接口传参格式转换

接口传参有两种格式：

表单格式

headers: {
‘Content-type’: ‘application/x-www-form-urlencoded;charset=utf-8’
}

Json格式

headers: {
‘Content-type’: ‘application/json’
}

使用Vue框架，POST的时候，默认为Json格式。

转换方式：

1. qs.parse()方法能够将URL解析成对象形式

安装：

npm install qs / cnpm install qs（先安装淘宝镜像）

引入：

//在main.js引入qs
import  qs from 'qs'

//配全局属性配置，在任意组件内可以使用this.$qs获取qs对象

 Vue.prototype.$qs = qs

实例：

let url:"name=mike&age=20&userid=1001" 
console.log(this.$qs.parse(this.url)); 

//结果为

  name:"mike",age:"20",userid:"1001"

2. qs.stringify()方法将对象序列化成URL的形式，以&进行拼接

实例：

const qs=require('qs');
let obj={
name:"mike",
age:"20",
userid:"1001"
};
qs.stringify(obj);
//结果为  name=mike&age=20&userid=1001

3. JSON.parse()方法用于将一个 JSON 字符串转换为对象

语法：

JSON.parse(text[, reviver])

参数说明：

text:必需， 一个有效的 JSON 字符串。

reviver: 可选，一个转换结果的函数， 将为对象的每个成员调用此函数。

实例：

let arr = '[1,2,3]';
console.log(JSON.parse(arr))//[1,2,3]
console.log(typeof JSON.parse(arr))//object

注意：

单引号写在{}外，每个属性都必须双引号，否则会抛出异常

//若要返回数组中的每项
let arr='["1","2","3"]';
console.log(JSON.parse(arr));//Array [1,2,3]

//例2

var json = JSON.parse('{"domain" : "hhh","password":"soso"}');

console.log(JSON.parse(json));//{domain : "hhh",password:"soso"}

4. JSON.stringify()方法用于将 JavaScript 值转换为 JSON 字符串

语法 ：

JSON.stringify(value[, replacer[, space]])

参数说明：

value:必需， 要转换的 JavaScript 值（通常为对象或数组）。

replacer:可选。用于转换结果的函数或数组。 如果 replacer 为函数，则 JSON.stringify 将调用该函数，并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined，则排除成员。根对象的键是一个空字符串：""。 如果 replacer 是一个数组，则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。

space:可选，文本添加缩进、空格和换行符，如果 space 是一个数字，则返回值文本在每个级别缩进指定数目的空格，如果 space 大于 10，则文本缩进 10 个空格。space 也可以使用非数字，如：\t。

实例：

let val = [1,2,3];
JSON.stringify(val);//'[1,2,3]'
typeof JSON.stringify(val);//string