Как открыть новую вкладку в браузере, передав туда POST?

Question

[Евгений Комаров]

Доброго времени суток.
Проблема в следующем - посылаю ajax-ом данные на сервер и получаю ответ в виде json, который имеет следующий вид

{"success":false,"type":2,"code":1000,"message":["Текст_1.","Текст_2."]}

На страничке выводится блок с этими сообщениями. Сообщений может быть много, поэтому внизу блока делается ссылка подробнее, которая должна открыть эти сообщения в новой вкладке. А теперь сам вопрос, который меня ставит в тупик - как открыть вкладку, передав ей постом этот json?

Answer 1

[Алексей Уколов]

Создать форму с атрибутами target="_blank" и method="post", а данные записать в скрытые поля. Кнопку submit стилизуйте по вкусу, можете сделать, чтобы она выглядела как ссылка.

Comments

[Евгений Комаров]

Это самый простой вариант. А есть ли способ реализации, не добавляя новых форм на страницу?

[Алексей Уколов]

Евгений Комаров: Тогда, отправляете ajax-запрос на нужную страницу, получаете контент и вставляете его по методу Евгения.

[Евгений Комаров]

Алексей Уколов: Спасибо Вам, сделал почти как Вы и говорили, с созданием формы, только динамически, не добавляя ее на страницу)

Answer 2

[Евгений Петров]

При клике на ссылку отменяем действие по умолчанию и открываем новое окно самостоятельно:

var w = window.open();

w.document.open();
w.document.write(...); // Пишем содержание на основе полученного и сохранённого ответа
w.document.close();

Comments

[Евгений Комаров]

содержание чего? структуры страницы?

[Евгений Петров]

Евгений Комаров: Вы формируете html, head (например, для заголовка) и body& который заполняете на основе полученного JSON.

[Евгений Комаров]

Евгений Петров: страница, на которую надо перейти формируется twig-ом на сервере. Вы предлагаете ее render скопировать в метод write? Это шутка или я Вас плохо понимаю?

[Евгений Петров]

jsfiddle.net/petroveg/07o737k0

[Евгений Петров]

Евгений Комаров: Похоже, это я вас плохо понимаю.
Если вы планируете открывать страницу с сервера, то логично кэшировать результаты отправленного запроса на сервере и формировать новую страницу на их основе.
Если же так не получается, то менее логично использовать localStorage или (что логичнее), sessionStorage.

[Евгений Петров]

Есть ещё один вариант. Открываете страницу по нужному адресу, а после её загрузки (или по запросу из этой страницы) отдаёте туда загруженный JSON.

[Евгений Комаров]

Евгений Петров: Спасибо, Ваши совете были очень полезны, но ввиду специфики моих задач они подошли не в полной мере, поэтому пришлось написать маленькую функцию, которая решила мою проблему. Еще раз спасибо Вам за потраченное время.

[Евгений Петров]

Хорошо:) Мне кажется, что если совет, который дал Алексей Уколов, пригодился, стоить отметить этот ответ решением.

[Евгений Комаров]

Евгений Петров: Оба ваши ответа внесли свой вклад в формирование подходящего скрипта, так что обижать никого не будем)

Answer 3

[Евгений Комаров]

Большое всем спасибо, пришлось немного извратиться, не знаю, насколько костыльный данный способ, но все работает именно так, как и задумывалось.

function sendPostToUrl(url, post) {
    var form = $('<form/>', {
        action: url,
        method: 'post',
        target: '_blank',
        style: {
            display: 'none'
        }
    });
    for (key in post) {
        if ('message' === key) {
            for (i in post[key]) {
                form.append($('<input/>', {
                    type: 'hidden',
                    name: 'message[]',
                    value: post[key][i]
                }));
            }
        } else {
            form.append($('<input/>', {
                type: 'hidden',
                name: key,
                value: post[key]
            }));
        }
    }
    form.submit();
}

$('#learn-more').on('click', function (event) {
    event.preventDefault();
    sendPostToUrl($(this).attr('href'), data);
});

Comments

[Алексей Уколов]

Раз уж вы используете jQuery, рекомендую сделать функцию читаемее и гибче - jsfiddle.net/koceg/akoxsft9

[Евгений Комаров]

Алексей Уколов: спасибо