Y a-t-il une fonction native pour convertir JSON en paramètres d'URL?

Question

J'ai besoin de convertir un objet JSON en forme d'URL comme : "paramètre=12&asd=1"

J'ai terminé avec ceci :

        var data = {
            'action':'actualiza_resultado',
            'postID': 1,
            'gl': 2,
            'gl2' : 3
        };

        var string_=JSON.stringify(data);

        string_=string_.replace(/{/g, "");
        string_=string_.replace(/}/g, "");
        string_=string_.replace(/:/g, "=")
        string_=string_.replace(/,/g, "&");
        string_=string_.replace(/"/g, "");

Mais je me demande s'il y a une fonction en JavaScript ou dans l'objet JSON pour le faire?

Answer 1

Quelque chose que je trouve joli en ES6:

function urlfy(obj) {
    return Object
        .keys(obj)
        .map(k => `${encodeURIComponent(k)}=${encodeURIComponent(obj[k])}`)
        .join('&');
}

Mise à jour ultérieure (même chose, peut-être un peu plus propre):

const urlfy = obj => Object
    .keys(obj)
    .map(k => encodeURIComponent(k) + '=' + encodeURIComponent(obj[k]))
    .join('&');

Answer 2

Mais je me demande s'il existe une fonction en javascript

Rien de préécrit dans le noyau.

ou json pour cela?

JSON est un format de données. Il n'a pas du tout de fonctions.

---

C'est cependant un problème relativement trivial à résoudre, du moins pour les structures de données plates.

Ne codez pas les objets en JSON, alors:

function obj_to_query(obj) {
    var parts = [];
    for (var key in obj) {
        if (obj.hasOwnProperty(key)) {
            parts.push(encodeURIComponent(key) + '=' + encodeURIComponent(obj[key]));
        }
    }
    return "?" + parts.join('&');
}

alert(obj_to_query({
    'action': 'actualiza_resultado',
    'postID': 1,
    'gl': 2,
    'gl2': 3
}));  

Il n'existe pas de méthode standard pour encoder des structures de données complexes (par exemple, avec des objets ou des tableaux imbriqués). Il ne serait pas difficile d'étendre cela pour émuler la méthode PHP (d'avoir des crochets dans les noms de champs) ou similaire toutefois.

Answer 3

Celui-ci traite les tableaux en changeant le name en multiple name[]

function getAsUriParameters (data) {
  return Object.keys(data).map(function (k) {
    if (_.isArray(data[k])) {
      var keyE = encodeURIComponent(k + '[]');
      return data[k].map(function (subData) {
        return keyE + '=' + encodeURIComponent(subData);
      }).join('&');
    } else {
      return encodeURIComponent(k) + '=' + encodeURIComponent(data[k]);
    }
  }).join('&');
};

Answer 4

La conversion d'une chaîne JSON en une chaîne de requête URL peut être faite en une seule ligne :

const json = '{"action":"actualiza_resultado","postID":1,"gl":2,"gl2":3}';
const queryString = new URLSearchParams(JSON.parse(json)).toString();

queryString serait alors défini sur "action=actualiza_resultado&postID=1&gl=2&gl2=3".

Answer 5

Meilleure solution pour Vanilla JavaScript :

var params = Object.keys(data)
  .filter(function (key) {
    return data[key] ? true : false
  })
  .map(function (key) {
    return encodeURIComponent(key) + '=' + encodeURIComponent(data[key])
  })
  .join('&');

PS : Le filtre est utilisé ici pour supprimer les paramètres nuls ou indéfinis. Cela rend l'URL plus propre.