JavaScript location.reload() is losing post data

Question

I am trying to reload the page using java script the page reloads but the post data in the page is not loading the post data are deleted while the page reloads can any one help me with it

function currencychange(xxx) {
    setTimeout('delay()', 2000);
}
function delay(){
    location.reload();
}

this is the javascript code which I am using to reload the page onchange

Generally in Joomla it is a bad idea to reload the page with Javascript. If you are trying to change other values on the page when the currency is changed why not use getElementById to simply replace the information onChange? — Cleanshooter, Nov 20 '12 at 15:48

Steven Moseley · Accepted Answer · 2013-06-29T12:02:32.303

window.location.reload() issues a GET, so yes, the POST data will be lost.

The only ways you can issue a post are either:

Use AJAX to post the data back, get the new page, and replace your body element with it, or
Create a form element on the page with the action being the current window.location.href, and place the data you want to post back inside it as hidden inputs. Then, on currency change call form.submit()

score 1 · Answer 2 · answered Nov 20 '12 at 15:07

1

I think you need to re-POST not re-load, as in HTTP POST rather than HTTP GET.

answered Nov 20 '12 at 15:07

John U

2,886
3
27
39

score 1 · Answer 3 · answered May 13 '13 at 15:24

This is a known bug in Chrome. The issue is that Chrome doesn't do a POST when you reload via JavaScript. If you did that using the reload button, it would behave properly and ask the user if he wants to repost the data.

All the details are here: http://code.google.com/p/chromium/issues/detail?id=6429 [Edit: related bug] https://bugs.webkit.org/show_bug.cgi?id=23735

PLEASE STAR THIS BUG SO THAT IT GETS FIXED FASTER.

score 1 · Answer 4 · answered Jul 05 '17 at 20:55

This was a complete hack, but necessary and allowed it to work with Safari. So at the end of the page I pushed all the post data into a session

$_SESSION['post'] = $_POST

I then used jQuery to update the session variables. Then used location.reload(); to reload the page once I was completed making changes and the as the page loads I simple pushed all session data back into post.

$_POST = £_SESSION['post'];

The result is the same as if a form was submitted.

score 0 · Answer 5 · answered Nov 20 '12 at 15:08

0

location.reload does not supposed to post any data. If you need to send your data back to server consider submitting the form with method='post' (if you have one), or use AJAX (e.g. jQuery.post)

answered Nov 20 '12 at 15:08

J0HN

26,063
5
54
85

score 0 · Answer 6 · answered Jul 25 '16 at 13:48

I solved the problem in this way:

// In the page called by POST, assuming coming from a search form 
// (i.e. searchResult.php)
$working=array();

if ($_POST) {
  if(!isset($_POST["postArray"]))  // Not set, first call
      $working = $_POST;
  else
     $working = unserialize($_POST["postArray"]); // recalled by someone else

  foreach ($working as $key => $value) { // Getting data
                $kv[] = "$key=$value";

// do something with input data....
           }

 echo '<form action="newRequest.php" method="post">'; 
// Your data here ......
 echo '<input type="hidden" name="currPost" value="' . htmlentities(serialize($working)) . '">';
 echo '<input type="submit" value="Go!">';
 echo '</form>';
 } // end if($_POST) ....


// This is the "newRequest.php" form
$postDataReceiver=array();
foreach ($_POST as $key => $value) { // Getting data from searchResult.php
           $kv[] = "$key=$value";

           switch($key) {
                // Your other stuff here ......
               case "currPost": // Here we are!
                    $postDataReceiver = unserialize($value);
                    break;


                 } // end switch
} // end foreach
echo '<form action="searchResult.php" method="post">'; 
// Your data here ......
 echo '<input type="hidden" name="postArray" value="' . htmlentities(serialize($postDataReceiver)) . '">';
 echo '<input type="submit" value="Go Back to search result!">';
 echo '</form>';

Just a little bit complicated, but it works. Hope this can help! Best, Luca.

score 0 · Answer 7 · answered Oct 24 '17 at 16:29

You can try this:

<form action="<?=$_SERVER['PHP_SELF']?>" method="post" name="form" id="form">

</form>

<script>
    // reload page every x miliseconds
    setInterval(function(){
    // inser here the post variables. Examples:

    var input = document.createElement('input');
    input.type = 'hidden';
    input.name = 'id';
    input.value = <?=$id?>;

    document.form.appendChild(input);

    var input2 = document.createElement('input');
    input2.type = 'hidden';
    input2.name = 'anotherid';
    input2.value = <?=$anotherid?>;

    document.form.appendChild(input2);

    // send form
    document.form.submit();
    }, 120000);
</script>

JavaScript location.reload() is losing post data

7 Answers7

Linked

Related