Speicherung einer Liste von Schlüssel-Wert-Paare in einem url-parameter, javascript.

Vorausgesetzt www.mydomain.com?param1=example als Beispiel.

Was ist der beste Weg, um einen zweiten parameter, der eine Liste von Schlüssel-Wert-Paare? An der minute, die ich verwenden &param2=key|value,key|value. Ich trenne den Schlüssel aus dem Wert über eine vertikale Linie, und die Kopplung mit einem Komma, alles nach dem Gleichheitszeichen ist codiert encodeURIComponent(). Dies funktioniert sehr gut.

Jedoch, der Benutzer hat die Kontrolle über den Wert... Und als vernünftige menschliche Wesen, die wir alle wissen, dass das erste, was der Benutzer wahrscheinlich ist Stock eine vertikale Leiste oder ein Komma als einer der Werte brechen meine parameter parser. Gibt es einen besseren Weg, dies zu tun? Ich habe gesehen, PHP-Nutzer sprechen über die Speicherung assoziative arrays, die in urls aber ich bin auf der Suche nach einem Reine javascript-Lösung.

Sie wissen, Sie können mit arrays und GET-Parametern: webmasterworld.com/forum88/5808.htm

InformationsquelleAutor Jon Wells | 2012-08-29

PHP (und anderen serverseitigen Sprachen) unterstützen die übergabe von arrays in der Abfrage-string.

www.mydomain.com?param1=example&param2[key1]=value1&param2[key2]=value2

PHP geparst werden den GET-string wie folgt:

array(2) {
  ["param1"]=>
  string(7) "example"
  ["param2"]=>
  array(2) {
    ["key1"]=>
    string(6) "value1"
    ["key2"]=>
    string(6) "value2"
  }
}

Wenn Sie don ' T-pass-Tasten, es wird ein numerisches array:

www.mydomain.com?param1=example&param2[]=value1&param2[]=value2

Wird analysiert werden, wie:

array(2) {
  ["param1"]=>
  string(7) "example"
  ["param2"]=>
  array(2) {
    [0]=>
    string(6) "value1"
    [1]=>
    string(6) "value2"
  }
}

UPDATE: Sie können auch parse den query-string in JavaScript.

Hier ist eine einfache jQuery-plugin, das ich gemacht:

$.parseQuery = function(str) {
    var ret = {};
    $.each(str.split("&"), function() {
        var data = this.split('='),
            name = decodeURIComponent(data.shift()),
            val = decodeURIComponent(data.join("=")).replace('+', ' '),
            nameVal = name.match(/(.*)\[(.*)\]/);

        if (nameVal === null) {
            ret[name] = val;
        }
        else {
            name = nameVal[1];
            nameVal = nameVal[2];
            if (!ret[name]) {
                ret[name] = nameVal ? {} : [];
            }
            if ($.isPlainObject(ret[name])) {
                ret[name][nameVal] = val;
            }
            else if($.isArray(ret[name])){
                ret[name].push(val);
            }
        }
    });
    return ret;
};

Dann können Sie tun: $.parseQuery('param1=example&param2[]=value1&param2[]=value2');.

ist das möglich, das zu tun dieses nur mit Javascript? Zu analysieren ist der get-string in dieser Art und Weise? Die Parameter werden nur verwendet, um die Abfrage lokaler Daten. Ich effektiv nur die Parameter verwenden, um dem Benutzer zu ermöglichen, Lesezeichen gefilterten Daten
Ja, es ist. window.location.search enthält der get-string. Sie können dann analysieren und es in JavaScript. Sie können diese Methode verwenden, ich schrieb: gist.github.com/3528917 🙂 (Hinweis: window.location.search enthält die ? Sie müssen Sie nennen mag: $.parseQuery(window.location.search.substring(1))).
Ich habe keinen Zugriff auf die Abfrage-string - ich denke, es ist ein JQM Sache, denn der # - tag. That being said, ich kann das Fenster teilen.Lage.href um den query-string und Ihre github-code funktioniert hervorragend. Könnte ich schlage vor, setzen Sie den code in deine Antwort? Ich denke, die sehr wertvoll für die Frage/Antwort. Ihr code, so dass die Wahl liegt bei Ihnen. Vielen Dank so oder so

InformationsquelleAutor Rocket Hazmat

0

Eine mögliche Lösung wäre, die Flucht der Rohr-und Kommas in der Eingabe des Benutzers, bevor wir Sie zu Ihrer url.

Dass bedeutet Reinigung des Benutzer-Eingabe-Werte und ersetzen | und , mit etwas, das nicht zu brechen, Ihren code oder nur Strippen Sie Sie ganz.
- Problem ist die Werte sind query-Parameter und Sie müssen übereinstimmen, die Daten, die Sie Abfragen
- Sie müssen irgendeine Art von Codierung/Decodierung auf dem Weg. Beachten Sie kaufmännische und-Zeichen wird auch brechen Ihre array.
InformationsquelleAutor Ohad
0

Um zu verhindern, dass casual-Manipulation, könnte man hinzufügen, eine Prüfsumme und base-64-codierte Werte dann alsterrunde() der resultierende string. (Siehe Wie können Sie Kodieren in Base64 mit Javascript? und Eine JavaScript-CRC32.)

Natürlich, dies wird nicht verhindern, dass jemand, der wirklich entschlossen aus messing mit Ihren Werten, aber es wird sich verlangsamen Leute, die einfach gerne twiddle-URLs.

InformationsquelleAutor JamieSee
-1

Wenn ich daran denke, serialisieren einer Liste von Schlüssel-Wert-Paaren, ich denke da sofort an mit einem query-string.

Für Grundlagen (JSON verwendet, um zu zeigen, Deserialisierung):
```
foo=bar&foo=baz&fizz=buzz&alpha&beta=
```
ist im wesentlichen:
```
{
    foo: [
        'bar',
        'baz'
    ],
    fizz: 'buzz',
    alpha: null,
    beta: ''
}
```
Aber Sonderzeichen müssen escaped werden:
```
foo=bar%26baz
```
ist im wesentlichen:
```
{
    foo: 'bar&baz'
}
```
Was dies bedeutet ist, dass Sie passieren kann einen query-string als Wert in einem anderen query-string:
```
foo=bar%3Dbaz%26fizz%3Dbuzz
```
ist im wesentlichen:
```
{
    foo: 'bar=baz&fizz=buzz'
}
```
Sowie foo kann analysiert werden, um zu produzieren:
```
{
    bar: baz,
    fizz: buzz
}
```
Alle gesagt, es ist sehr einfach, Fehler zu machen bei der Codierung/Decodierung, und sobald Sie beginnen, Doppel-Codierung und Doppel-Dekodierung, die Sie sicher sind, laufen in Probleme. Wenn Sie können, verwenden Sie einen einzelnen query-string enthalten alle notwendigen Daten, und nicht die Einbettung eines query-string in eine Abfrage-string.

InformationsquelleAutor zzzzBov

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.