web-dev-qa-db-fra.com

Convertir une URL en json

Je n'arrive pas à trouver de réponse à cette question. Comment puis-je convertir une chaîne de paramètres d'URL en JSON en javascript? Je veux dire s'il y a une fonction intégrée comme celle-ci ou une seule ligne qui pourrait faire le travail?

Exemple:

some=params&over=here => {"some":"params","over":"here"}

javascriptjsonurl
14
php_nub_qq

Essaye ça

var params = getUrlVars('some=params&over=here');
console.log(params);

function getUrlVars(url) {
    var hash;
    var myJson = {};
    var hashes = url.slice(url.indexOf('?') + 1).split('&');
    for (var i = 0; i < hashes.length; i++) {
        hash = hashes[i].split('=');
        myJson[hash[0]] = hash[1];
    }
    return myJson;
}

Démo: http://jsfiddle.net/jAGN5/

23
Satpal

Essaye ça :

var str = 'some1=param&some2=param2';

JSON.parse('{"' + decodeURI(str).replace(/"/g, '\\"').replace(/&/g, '","').replace(/=/g,'":"').replace(/\s/g,'') + '"}')

// {some1: "param1", some2: "param2"}
3
1nstinct

Si vous recherchez une ligne, la bibliothèque Underscore a une jolie fonction appelée object, qui prend un tableau de paires et en crée un objet:

> _.object(["some","param"],["over","here"])
{some: "param", over: "here"}

Si vous utilisez Underscore, vous pouvez effectuer la construction d’un objet à partir de votre chaîne de requête de la manière suivante:

> var s = 'some=param&over=here';
> _.object(s.split('&').map(function(p){return p.split('=');}))
{some: "param", over: "here"}

Maintenant, si tout ce que vous voulez, c'est l'objet JavaScript, vous avez terminé. Vous avez dit dans votre question que vous vouliezJSON, la prochaine étape est donc très simple:

> JSON.stringify(_.object(s.split('&').map(function(p){return p.split('=');})))
"{\"some\": \"param\", \"over\": \"here\"}"

Voici une démo live

Si vous n'utilisez pas le trait de soulignement, vous pouvez toujours écrire votre propre fonction utilitaire.

Cette ligne est un peu moche, mais Firefox 22 a certaines des fonctionnalités à venir de l’ES6 telles que la compréhension de tableaux et les flèches, de sorte que le code puisse être rendu encore plus compact à l’avenir, par exemple.

JSON.stringify(_.object(s.split('&').map(p => p.split('='))))

ou même

JSON.stringify(_.object([p.split('=') for (p of s.split('&'))]))

Ou peut-être simplement vous en tenir à la lisible pour les boucles et créer votre propre fonction. :)

2
Ray Toal

Essayez d'utiliser cette fonction:

// Returns an object with elements "name: value" with data ftom URL (the "name=value" pairs)
function getDataUrl(url) {
 // From: http://coursesweb.net/javascript/
  var url_data = url.match(/\?([^#]*)/i)[1];          // gets the string between '?' and '#'

  // separate the data into an array, in case the are multiple pairs name=value
  var ar_url_data = url_data.split('&');

  // traverse the array, and adds into an object elements name:value
  var data_url = {};
  for(var i=0; i<ar_url_data.length; i++) {
    var ar_val = ar_url_data[i].split('=');           // separate name and value from each pair
    data_url[ar_val[0]] = ar_val[1];
  }

  return data_url;
}
1
CoursesWeb

Vous voudrez peut-être essayer quelque chose comme

var url = require('url')
var your_json = url.parse( your_url, true );

Je l'ai eu de ici

0
ze miguel

J'ai utilisé satpal / s answer pour fournir un pipeline Nice Razor vers JSON qui fonctionne avec Html.BeginForm, @Html.TextBoxFor, etc.

La fonction getUrlVars mise à jour ressemble à ceci:

function getUrlVars(url) {
    var hash;
    var myJson = {};
    var hashes = url.slice(url.indexOf('?') + 1).split('&');
    for (var i = 0; i < hashes.length; i++) {
        hash = hashes[i].split('=');
        var value = decodeURIComponent(hash[1]);
        value = value.replace("[\"", "");
        value = value.replace("\"]", "");
        value = value.replace(/\^.*/, "");
        myJson[hash[0]] = value;
    }
    return myJson;
}

Les appels extra replace concernent les caractères que je reçois dans mes zones de texte, probablement via la liste déroulante magicSuggest. L'appel decodeURIComponent le nettoie depuis le premier%.

Je l'appelle dans un bloc comme celui-ci:

    var serialized = $("#saveForm").serialize();
    var params = getUrlVars(serialized);

La syntaxe de Razor que j'ai est la suivante:

@using (Html.BeginForm("SaveNewAddress", "Internal", FormMethod.Post, new { @Id = "saveForm" }))
{
    @Html.ValidationSummary()

    <table style="width: 100%; margin: 0 auto; padding: 10px">

        <tr>
            <td colspan="2">
                <label>Is this a Liliputian Address?</label>
            </td>
            <td colspan="4" style="font-size: 1.1em">

                <div style="float: left; margin-left: 10px">
                    <label class="label_check">
                        @Html.RadioButton("IsLiliputian", "Yes", true, new { @id = "IsLiliputianYes", @style = "width:30px" })
                    </label>
                    Yes
                </div>
                ...etc

Cela fournit un bon moyen d'obtenir un tas de données créées dans et via des contrôles ASP.Net MVC dans un objet js que je peux envoyer à un service Web via ajax.

0
user326608