Qu'est-ce que qs en réaction

QS in React est un package géré par npm Warehouse. Il s'agit d'une bibliothèque qui ajoute une certaine sécurité à l'analyse des chaînes de requête et aux chaînes de sérialisation. Elle peut être installée via la commande [npm install qs].

L'environnement d'exploitation de ce tutoriel : système Windows7, version React17, ordinateur thinkpad t480.

qs en réaction :

qs est un package géré par un entrepôt npm, une chaîne de requête qui ajoute une bibliothèque de sécurité pour l'analyse et la sérialisation des chaînes. Il peut être installé via la commande npm install qs.

react utilise qs :

1 qs.parse()Analyser l'URL sous la forme d'un objet

import  Qs from 'qs';
let url = 'method=query_sql_dataset_data&projectId=85&appToken=7d22e38e-5717-11e7-907b-a6006ad3dba0';
Qs.parse(url);
console.log(Qs.parse(url));

Sortir le résultat

{
    method:'query_sql_dataset_data',
    projectId:'85',
    appToken:'7d22e38e-5717-11e7-907b-a6006ad3dba0'
}

.

2. qs.stringify() Sérialisez l'objet sous la forme d'une URL et concaténez-le avec & (peut être utilisé pour envoyer des conditions de requête)

import  Qs from 'qs';
let obj= {
     method: "query_sql_dataset_data",
     projectId: "85",
     appToken: "7d22e38e-5717-11e7-907b-a6006ad3dba0",
     datasetId: " 12564701"
   };
Qs.stringify(obj);
console.log(Qs.stringify(obj));

Le résultat est :

method=query_sql_dataset_data&projectId=85&appToken=7d22e38e-5717-11e7-907b-a6006ad3dba0&datasetId=%12564701

It Il convient de noter ici que JSON La méthode stringify existe également dans , Mais la différence entre les deux est très évidente, comme indiqué ci-dessous :

{"uid":"cs11","pwd":"000000als","username":"cs11","password":"000000als"}
uid=cs11&pwd=000000als&username=cs11&password=000000als

Comme indiqué ci-dessus, le premier est traité par JSON.stringify(param) et le second est traité par Qs.stringify(param) traité.

Recommandations d'apprentissage gratuites associées : javascript(vidéo)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!