jQuery apre la pagina in una nuova scheda mentre passa i dati POST

Question

Ho una variabile javascript chiamata "lista". Ho bisogno di inviarlo come dati POST a un'altra pagina e aprire quella pagina in una nuova scheda (con i dati POST presenti).

Questo codice:

jQuery.post('datadestination.php', list); 

invia i dati a posto, ma naturalmente si apre la pagina nella stessa scheda.

Ho visto alcune soluzioni a problemi simili utilizzando la forma invisibile e cose del genere, ma non riuscivo a farli funzionare. C'è una soluzione semplice?

Answer 1

1) Perché non passare tale elenco con la funzione jquery.post() e salvarlo nell'array SESSION;

2) Quindi aprire una nuova scheda con lo stesso file/indirizzo/url con la funzione window.open();

3) Recuperare i dati salvati dall'array SESSION;

Sembra un modo semplice e pulito?

Answer 2

È possibile inviare un modulo utilizzando l'attributo 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> 

Poi nel JS:

jQuery('#list-data').val(list); 
jQuery('#myform').submit(); 

Answer 3

Questa è un'implementazione della soluzione di Sergey.

<?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))); 
?> 

Nella prima pagina:

$.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'); 
}); 

E nel datadestination.php aggiungere la correzione:

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. 

Aggiornamento

si può effettivamente mergesave.php e datadestination.php e utilizzare uno "stub di salvataggio" savepost.php che è possibile riciclare in altre pagine:

<?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. 
?> 

Ora la chiamata diventa

$.post('datadestination.php', { data: list, ts: Date.now() }, function(){ 
    window.open('datadestination.php'); 
}); 

e nel tuo datadestination.php (o in qualsiasi altro) si aggiunge

require 'savepost.php';