Як уникнути рядка JSON, щоб він був у URL-адресі?

За допомогою Javascript я хочу створити посилання на сторінку. Параметри сторінки знаходяться в масиві Javascript, який я серіалізую в JSON.

Тому я хотів би створити таку URL-адресу:

http://example.com/?data="MY_JSON_ARRAY_HERE"

Як мені потрібно уникнути мого рядка JSON (масив серіалізований), щоб включити його як параметр у URL-адресу?

Якщо є рішення, що використовує JQuery, я б його сподобався.

Примітка. Так, параметри сторінки повинні бути в масиві, оскільки їх дуже багато. Думаю, я скористаюся bit.ly, щоб згодом скоротити посилання.

encodeURIComponent(JSON.stringify(object_to_be_serialised))

Ви можете використовувати encodeURIComponentбезпечно кодувати URL-адреси частини рядка запиту:

var array = JSON.stringify([ 'foo', 'bar' ]);
var url = 'http://example.com/?data=' + encodeURIComponent(array);

або якщо ви надсилаєте це як запит AJAX:

var array = JSON.stringify([ 'foo', 'bar' ]);
$.ajax({
    url: 'http://example.com/',
    type: 'GET',
    data: { data: array },
    success: function(result) {
        // process the results
    }
});

Я шукав зробити те саме. Проблемою для мене було те, що моя URL-адреса була занадто довгою. Сьогодні я знайшов рішення, використовуючи бібліотеку jsUrl.js Бруно Жуєра .

Я ще не дуже тестував її. Однак ось приклад, який показує довжину символів виводу рядка після кодування одного і того ж великого об'єкта за допомогою 3 різних методів:

• 2651 символів за допомогою jQuery.param
• 1691 символів за допомогою JSON.stringify + encodeURIComponent
• 821 символ за допомогою JSURL.stringify

Очевидно, що JSURL має найбільш оптимізований формат для urlEncoding об’єкта js.

нитка на https://groups.google.com/forum/?fromgroups=#!topic/nodejs/ivdZuGCF86Q показує орієнтири для кодування та розбору.

Примітка . Після тестування схоже, що бібліотека jsurl.js використовує функції ECMAScript 5, такі як Object.keys, Array.map і Array.filter. Тому він працюватиме лише в сучасних браузерах (не тобто 8 і менше). Однак є поліфайли для цих функцій, які зробили б його сумісним із більшою кількістю браузерів.

• для масиву: https://stackoverflow.com/a/2790686/467286
• для object.keys: https://stackoverflow.com/a/3937321/467286

Використання encodeURIComponent():

var url = 'index.php?data='+encodeURIComponent(JSON.stringify({"json":[{"j":"son"}]})),

Я запропоную дивну альтернативу. Іноді простіше використовувати різні кодування, особливо якщо ви маєте справу з різними системами, які не всі обробляють деталі кодування URL однаково. Це не самий основний підхід, але може бути корисним у певних ситуаціях.

Замість того, щоб кодувати URL-адресою даних, ви можете базувати їх на 64-основі. Перевага цього в закодованих даних є дуже загальним, складається лише з альфа-символів, а іноді і з заднім числом= . Приклад:

JSON масив рядків:

["option", "Fred's dog", "Bill & Trudy", "param=3"]

Ці дані, кодовані URL-адресою як dataпараметр:

"data=%5B%27option%27%2C+%22Fred%27s+dog%22%2C+%27Bill+%26+Trudy%27%2C+%27param%3D3%27%5D"

Те саме, закодовано base64:

"data=WyJvcHRpb24iLCAiRnJlZCdzIGRvZyIsICJCaWxsICYgVHJ1ZHkiLCAicGFyYW09MyJd"

Підхід base64 може бути трохи коротшим, але що важливіше - простішим. У мене часто виникають проблеми з переміщенням кодованих URL-адрес між CURL, веб-браузерами та іншими клієнтами, як правило, через котирування, вбудовані %знаки тощо. Base64 дуже нейтральний, оскільки не використовує спеціальних символів.

Відповідь Делана ідеальна. Просто додавши до нього - якщо хтось хоче назвати параметри або передати кілька рядків JSON окремо - наведений нижче код може допомогти!

JQuery

var valuesToPass = new Array(encodeURIComponent(VALUE_1), encodeURIComponent(VALUE_2), encodeURIComponent(VALUE_3), encodeURIComponent(VALUE_4));

data = {elements:JSON.stringify(valuesToPass)}

PHP

json_decode(urldecode($_POST('elements')));

Сподіваюся, це допомагає!