Открытие страницы jQuery на новой вкладке при передаче данных POST
У меня есть переменная javascript, называемая "список". Мне нужно отправить его как POST-данные на другую страницу и открыть эту страницу на новой вкладке (при наличии данных POST).
Этот код:
jQuery.post('datadestination.php', list);
все данные передаются правильно, но, конечно, он открывает страницу на той же вкладке.
Я видел некоторые решения подобных проблем, используя невидимую форму и тому подобное, но я не мог заставить их работать. Есть ли простое решение?
Ответы
Ответ 1
1) Почему бы не передать этот список с помощью функции jquery.post()
и сохранить его в массиве SESSION
;
2) Затем откройте новую вкладку с тем же файлом/адресом/url с помощью функции window.open()
;
3) Извлеките сохраненные данные из массива SESSION
;
Кажется простым и чистым способом?
Ответ 2
Это реализация решения Сергея.
<?php // this is save.php
session_start();
// DO NOT just copy from _POST to _SESSION,
// as it could allow a malicious user to override security.
// Use a disposable variable key, such as "data" here.
// So even if someone passed _POST[isAdmin]=true, all that he would do
// is populate _SESSION[data][isAuthenticated], which nobody reads,
// not the all-important _SESSION[isAuthenticated] key.
if (array_key_exists('data', $_POST)) {
$_SESSION['data'] = $_POST['data'];
$_SESSION['data.timestamp'] = time();
// Let us let the client know what happened
$msg = 'OK';
} else {
$msg = 'No data was supplied';
}
Header('Content-Type: application/json; charset=utf8');
die(json_encode(array('status' => $msg)));
?>
На первой странице:
$.post('save.php', { data: list }, function(response){
if (!response.status) {
alert("Error calling save");
return;
}
if (response.status !== 'OK') {
alert(response.status);
return;
}
// We had a response and it was "OK". We're good.
window.open('datadestination.php');
});
И в datadestination.php добавьте исправление:
if (!array_key_exists('data', $_SESSION)) {
die("Problems? Did you perchance attempt to reload the page and resubmit?");
// For if he did, then yes, $_SESSION would have been cleared.
// Same if he is operating on more than one window or browser tab.
}
// Do something to validate data. For example we can use data.timestamp
// to assure data isn't stale.
$age = time();
if (array_key_exists($ts = 'data.timestamp', $_SESSION)) {
$age -= $_SESSION[$ts];
}
if ($age > 3600) {
die("Data is more than one hour old. Did someone change server time?!?");
// I actually had ${PFY} do that to me using NTP + --hctosys, once.
// My own time zone is (most of the year) exactly one hour past GMT.
}
// This is safe (we move unsecurity-ward):
$_POST = $_SESSION['data'];
unset($_SESSION['data'], $_SESSION['data.timestamp']);
// keep things clean.
// From here on, the script behaves "as if" it got a _POST.
Update
Фактически вы можете объединить save.php
и datadestination.php
и использовать "сохраняющий заглушку" savepost.php
, который можно перерабатывать на других страницах:
<?php
session_start();
// DO NOT just copy from _POST to _SESSION,
// as it could allow a malicious user to override security.
// Use a disposable variable key, such as "data" here.
if (array_key_exists('data', $_POST)) {
// Timestamp sent by AJAX
if (array_key_exists('ts', $_POST)) {
// TODO: verify ts, but beware of time zones!
$_SESSION['data'] = $_POST['data'];
Header("Content-Type: application/json;charset=UTF-8");
die(json_encode(array('status' => 'OK')));
}
die("Error");
}
// This is safe (we move unsecurity-ward):
$_POST = $_SESSION['data'];
unset($_SESSION['data']); // keep things clean.
?>
Теперь ваш вызов становится
$.post('datadestination.php', { data: list, ts: Date.now() }, function(){
window.open('datadestination.php');
});
а в datadestination.php
(или в другом месте) вы добавляете
require 'savepost.php';
Ответ 3
Вы можете отправить форму, используя атрибут target = "_ blank".
<form action="datadestination.php" method="POST" target="_blank" id="myform">
<input type="hidden" name="list" id="list-data"/>
<input type="submit" value="Submit">
</form>
Тогда в JS:
jQuery('#list-data').val(list);
jQuery('#myform').submit();