编程知识 cdmana.com

Recherche sur les paramètres du tableau de transfert d'Axios - - bibliothèque QS

Entreprendre ce qui précède axios.js Paramètres du tableau de passage pour Explorer,Continuez à explorer

Le paramètre de transfert de tableau à l'arrière - plan peut faire une série d'opérations,Voir détails:SpringMVC Définition des paramètres du type de tableau et comment passer les paramètres à l'avant
On trouvera ci - après une description des différents paramètres de donnéesurlExemple de transfert de paramètres,Alors notre but est de savoir,Comment passeraxiosPour construire cette forme deurl.Nous savions avant,La clé du problème est axios Configuration de sérialisation pour,Et axios La Bibliothèque de sérialisation utilisée est qs,Alors...,L'essence du problème estExplorer qs Différentes configurations de sérialisation pour

qsBibliothèque Documents:https://www.npmjs.com/package/qs
Il fournit des outils de test en ligne:https://npm.runkit.com/qs
Maintenant qu'il y a des outils de test en ligne,Alors testez toutes les configurations directement l'une après l'autre,En regardant ses effets, vous pouvez voir quelles configurations sont utilisées pour correspondre aux paramètres de l'arrière - plan supérieur.(C'est vrai,C'est si simple et grossier)
L'idée du test est , Écrivez d'abord jsonDonnées,Par appel qsBibliothèque Sérialiser ceci json, Si la chaîne sérialisée correspond au format attendu de l'arrière - plan supérieur ,C'est une correspondance..
Voici des exemples d'essais: :

var qs = require("qs")

// ===  Tableau de type normal  ==
params = {
    
  ids: [1, 2]
}
str = qs.stringify(params, {
    arrayFormat: 'brackets'})
console.log('brackets', decodeURI(str))
// ids[]=1&ids[]=2

str = qs.stringify(params, {
    arrayFormat: 'indices'})
console.log('indices', decodeURI(str))
// ids[0]=1&ids[1]=2

str = qs.stringify(params, {
    arrayFormat: 'repeat'})
console.log('repeat', decodeURI(str))
// ids=1&ids=2

str = qs.stringify(params, {
    arrayFormat: 'comma'})
console.log('comma', decodeURI(str))
// ids=1%2C2


// ===  Tableau des types d'objets  ===
params = {
    
    beans: [
	    {
    
	        id: 1,
	        name: 1
	    },
	    {
    
	        id: 2,
	        name: 2
	    }
    ]
}
str = qs.stringify(params, {
    arrayFormat: 'brackets'})
console.log('brackets', decodeURI(str))
// beans[][id]=1&beans[][name]=1&beans[][id]=2&beans[][name]=2

str = qs.stringify(params, {
    arrayFormat: 'indices'})
console.log('indices', decodeURI(str))
// beans[0][id]=1&beans[0][name]=1&beans[1][id]=2&beans[1][name]=2

str = qs.stringify(params, {
    arrayFormat: 'repeat'})
console.log('indices', decodeURI(str))
// beans[id]=1&beans[name]=1&beans[id]=2&beans[name]=2

str = qs.stringify(params, {
    arrayFormat: 'comma'})
console.log('comma', decodeURI(str))
// beans=[object Object]%2C[object Object]

Ensuite, il y a la photo. , Selon l'effet que vous voulez obtenir ,Configurer en conséquence.

Euh, J'ai besoin de quelques exemples. ,Voir détails axios Exemple de paramètre de tableau de passage


end

版权声明
本文为[Markix]所创,转载请带上原文链接,感谢
https://cdmana.com/2022/01/202201080559014914.html

Scroll to Top