qs.stringify、qs.parse、JSON.stringify的使用和區別


格式化數組參數的三種方法:

qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'indices' })

// 'a[0]=b&a[1]=c'

qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'brackets' })

// 'a[]=b&a[]=c'

qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'repeat' })

// 'a=b&a=c'


qs.stringify(dataObj) 解析嵌套的對象,默認會進行編碼

let obj={ a:['b','c','d'] }

console.log(qs.stringify(obj));//結果為:a%5B0%5D=b&a%5B1%5D=c&a%5B2%5D=d

可以設置不編碼encode:false    

let obj={ a:['b','c','d'] }

console.log(qs.stringify(obj, {encode:false}));//結果為: a[0]=b&a[1]=c&a[2]=d


對數組進行串化的時候,默認會提供顯示索引,可以通過設置indices:false

let obj={a:['b','c','d']};qs.stringify(obj,{indices:false});//結果為:'a=b&a=c&a=d'


可以通過設置arrayFormat指定數組的輸出格式

let obj={{a :[' b ',' c ']};

qs.stringify(obj,{arrayFormat:'indices'});//結果為:'a[0]=b&a[1]=c'

qs.stringify(obj,{arrayFormat:'brackets'});//結果為:'a[]=b&a[]=c'

qs.stringify(obj,{arrayFormat:'comma'});//結果為:'a=b,c'


屬性為undefined的將直接被忽略

let obj={a :null ,b:undefined};qs.stringify(obj);//結果為:'a='


分隔符也可以自定義,設置delimiter:‘自定義的符號’

let obj={a:'b',c:'d'};qs.stringify(obj,{delimiter:'!'});//結果為:'a=b!c=d'



  

解決方案
自己處理
axios.get("https://www.cnblogs.com/enter",{
params: {
keys:this.tag
 
},
paramsSerializer: function(params) {
const keys= params.keys.map(_=>`keys=${_}`).join('&');
return `${keys}` ;
}
}).then((res)=>{
//成功后的處理
});

qs插件
1、qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'indices' })
// 輸出結果:'a[0]=b&a[1]=c'
2、qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'brackets' })
// 輸出結果:'a[]=b&a[]=c'
3、qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'repeat' })
// 輸出結果:'a=b&a=c'
4、qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'comma' })
// 輸出結果:'a=b,c'
axios配置
axios.interceptors.request.use(async (config) => {
//只針對get方式進行序列化
 if (config.method === 'get') {
   config.paramsSerializer = function(params) {
     return qs.stringify(params, { arrayFormat: 'repeat' })
   }
 }
}
小程序
 let urlQueryString = qs.stringify(options.params, {   //使用到qs ,先下載,后引入
      addQueryPrefix: true,
      allowDots: true,
      arrayFormat: 'repeat'
    });
    myUrl += urlQueryString;

 

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM