Comment convertir une chaîne x-www-form-urlencoded en JSON?

Exampple de l'application/x-www-form-urlencoded chaîne

CorrelationId=1&PickedNumbers%5B%5D=1&PickedNumbers%5B%5D=2&PickedNumbers%5B%5D=3&PickedNumbers%5B%5D=4

En JSON

var gamePlayData = {
            CorrelationId: gameId,
            PickedNumbers: ["1","2","3","4"]
        };

source d'informationauteur ruslander

javascript json

Vous pouvez utiliser qs si vous êtes à l'aide d'un noeud, ou browserify.

var qs = require('qs')
var encodedString = "CorrelationId=1&PickedNumbers%5B%5D=1&PickedNumbers%5B%5D=2&PickedNumbers%5B%5D=3&PickedNumbers%5B%5D=4" 

console.log(qs.parse(encodedString))
//{ CorrelationId: '1', PickedNumbers: [ '1', '2', '3', '4' ] }

J'ai du faire avec ce récemment: j'ai eu à analyser des données qui peut contenir des objets imbriquées jusqu'à 5 niveaux de profondeur. J'ai besoin du code pour être en mesure de traiter à la fois assez complexe de données, mais pas manqué de décoder un URI aussi simple que id=213.

J'ai passé pas mal de temps sur google pour essayer de trouver un (semi-)solution élégante à ce problème, et cette question ne cessaient de. Depuis, il obtient 1 vue/jour (donner ou prendre) j'ai décidé de poster ma solution ici, j'espère que ça aide quelqu'un:

function form2Json(str)
{
"use strict";
var obj,i,pt,keys,j,ev;
if (typeof form2Json.br !== 'function')
{
form2Json.br = function(repl)
{
if (repl.indexOf(']') !== -1)
{
return repl.replace(/\](.+?)(,|$)/g,function($1,$2,$3)
{
return form2Json.br($2+'}'+$3);
});
}
return repl;
};
}
str = '{"'+(str.indexOf('%') !== -1 ? decodeURI(str) : str)+'"}';
obj = str.replace(/\=/g,'":"').replace(/&/g,'","').replace(/\[/g,'":{"');
obj = JSON.parse(obj.replace(/\](.+?)(,|$)/g,function($1,$2,$3){ return form2Json.br($2+'}'+$3);}));
pt = ('&'+str).replace(/(\[|\]|\=)/g,'"$1"').replace(/\]"+/g,']').replace(/&([^\[\=]+?)(\[|\=)/g,'"&["$1]$2');
pt = (pt + '"').replace(/^"&/,'').split('&');
for (i=0;i<pt.length;i++)
{
ev = obj;
keys = pt[i].match(/(?!:(\["))([^"]+?)(?=("\]))/g);
for (j=0;j<keys.length;j++)
{
if (!ev.hasOwnProperty(keys[j]))
{
if (keys.length > (j + 1))
{
ev[keys[j]] = {};
}
else
{
ev[keys[j]] = pt[i].split('=')[1].replace(/"/g,'');
break;
}
}
ev = ev[keys[j]];
}
}
return obj;
}

Je l'ai testé, avec des données comme la chaîne ci-dessous (4 niveaux):

str  = "id=007&name[first]=james&name[last]=bond&name[title]=agent&personalia[occupation]=spy&personalia[strength]=women&personalia[weakness]=women&tools[weapons][close][silent]=garrot&tools[weapons][medium][silent]=pistol_supressed&tools[weapons][medium][loud]=smg&tools[weapons][far][silent]=sniper&tools[movement][slow]=foot&tools[movement][far]=DBS";

Qui justement retourne un objet, qui, lorsqu'il est passé à travers JSON.stringify sort comme ceci:

{"id":"007","name":{"title":"agent","first":"james","last":"bond"},"personalia":{"weakness":"women","occupation":"spy","strength":"women"},"tools":{"movement":{"far":"DBS","slow":"foot"},"weapons":{"close":{"silent":"garrot"},"medium":{"silent":"pistol_supressed","loud":"smg"},"far":{"silent":"sniper"}}}}

Il passe un JSlint vérifier, en ignorant l'espace blanc, . et [^...] et en acceptant ++. Dans l'ensemble, je considère que, pour être acceptable.

le code suivant devrait faire l'affaire:

var str = 'CorrelationId=1&PickedNumbers%5B%5D=1&PickedNumbers%5B%5D=2&PickedNumbers%5B%5D=3&PickedNumbers%5B%5D=4';
var keyValuePairs = str.split('&');
var json = {};
for(var i=0,len = keyValuePairs.length,tmp,key,value;i <len;i++) {
tmp = keyValuePairs[i].split('=');
key = decodeURIComponent(tmp[0]);
value = decodeURIComponent(tmp[1]);
if(key.search(/\[\]$/) != -1) {
tmp = key.replace(/\[\]$/,'');
json[tmp] = json[tmp] || [];
json[tmp].push(value);
}
else {
json[key] = value;
}
}

C'est un module de base de Node.js maintenant: https://nodejs.org/api/querystring.html#querystring_querystring_parse_str_sep_eq_options

var qs = require('querystring')
var json = qs.parse('why=not&sad=salad')
//{ why: 'not', sad: 'salad' }

Travaille avec les caractères codés en trop:

var json2 = qs.parse('http%3A%2F%2Fexample.com&sad=salad')
//{ url: 'http://example.com', sad: 'salad' }

Voici une pure JavaScript façon de le faire. Frameworks JavaScript peut également vous aider avec ceci. EDIT:Juste pour le plaisir, je l'ai jeté dans le dictionnaire de l'analyse, trop. Voir le 2ème exemple.

function decodeFormParams(params) {
var pairs = params.split('&'),
result = {};
for (var i = 0; i < pairs.length; i++) {
var pair = pairs[i].split('='),
key = decodeURIComponent(pair[0]),
value = decodeURIComponent(pair[1]),
isArray = /\[\]$/.test(key),
dictMatch = key.match(/^(.+)\[([^\]]+)\]$/);
if (dictMatch) {
key = dictMatch[1];
var subkey = dictMatch[2];
result[key] = result[key] || {};
result[key][subkey] = value;
} else if (isArray) {
key = key.substring(0, key.length-2);
result[key] = result[key] || [];
result[key].push(value);
} else {
result[key] = value;
}
}
return result;
}
decodeFormParams("CorrelationId=1&PickedNumbers%5B%5D=1&PickedNumbers%5B%5D=2&PickedNumbers%5B%5D=3&PickedNumbers%5B%5D=4");
//=> {"CorrelationId":"1","PickedNumbers":["1","2","3","4"]}
decodeFormParams("a%5Bb%5D=c&a%5Bd%5D=e");
//=> {"a":{"b":"c","d":"e"}}

Essayer this->

//convert string to object
str = 'a=6&id=99';
var arr = str.split('&');
var obj = {};
for(var i = 0; i < arr.length; i++) {
var bits = arr[i].split('=');
obj[bits[0]] = bits[1];
}
//alert(obj.a);
//alert(obj.id);
//convert object back to string
str = '';
for(key in obj) {
str += key + '=' + obj[key] + '&';
}
str = str.slice(0, str.length - 1); 
alert(str);

Ou de l'utiliser (JQuery) http://api.jquery.com/jQuery.param/

0

Vous avez besoin à l'opposé de jQuery.param. Une des options est http://benalman.com/code/projects/jquery-bbq/examples/deparam/

Vous devez vous connecter pour publier un commentaire.