How to solve refresh page problem?

rkrathor · May 1, 2014, 11:58am

Hi,
I am facing a problem, Below is the code


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<form id="abc" name="abc" action="" method="post">
<table>
<tr>
<td>
Name:&nbsp;<input id="name" name="name" type="text" />
</td>
<td>
Id:&nbsp;&nbsp;<input id="id" name="id" type="text"
</td>
</tr>
<tr>
<td>
<input type="submit" name="save" id="save" value="Save" />
</td>
<td>
</td>
</tr>

</table>
</form>
</body>
</html>

<?php
if(isset($_POST['save']))
{
$name=$_POST['name'];
$id=$_POST['id'];
 echo "<script type='text/javascript'>alert('check message: $name :- $id');</script>";
}
else
{
}

?>

Step 1- Fill form and press save.
Step 2- Get a alert message. press ok
Step 3- Now Press F5 (Refresh).

Problem- Every time when i press F5 for refresh i am getting the old alert message even i fill the form press save button.
Can anyone tell me why this happening or is there any solution to get out of this?
Thanks

cheesedude · May 1, 2014, 10:34pm

Did you try pressing Ctrl+F5?

If needed, try reading up on using a “no cache” header using PHP.

http://php.net/manual/en/function.header.php

xMog · May 1, 2014, 10:42pm

So you:
1- Post the form
2- Get the message
3- Refresh the page and still get the message

If that’s the case, it’s because the browser will resend the data when you press F5 on a page that was displayed by a “POST”. The browser will refresh the page depending on how you accessed it (via a GET - like a normal like, or a POST - like with a form). But I think that the browser should ask you if you want to “repost” the data. Is the browser asking anything?

You could also debug with the “network” tab in Chrome developer tools and see if your browser is asking the page or if the page is coming from a cache somewhere.

rkrathor · May 2, 2014, 5:01am

Hi Cheesedude,

if i do CTRL +F5 in Firefox it show the message
Confirm dialogue box,
"To Display this page, Firefox must send information that will repeat any action ( such as a search or order confirmation ) that was performed earlier.
Is there any way to prevent this to happen?

Thanks

rkrathor · May 2, 2014, 5:04am

Hi XMog,

If i only press F5 in Firefox it don’t give any message,

but i do CTRL + F5 in Firefox it show the message
Confirm dialogue box,
"To Display this page, Firefox must send information that will repeat any action ( such as a search or order confirmation ) that was performed earlier.

And In case of chrome it give message that is.
“Confirmation message.
The page that you’re looking for used information that you entered.
Returning to that page might cause any action that you took to be repeated.
Do you want to continue?”

Is there any way to prevent this to happen?

Thanks

John_Betong · May 2, 2014, 7:46am

Try this:

https://support.mozilla.org/en-US/questions/695164

Hi All,

To remove this problem, replace the existing code "top.location.reload() " with code “top.location.href=top.location.href” .

Your problem could be resolved.

Chandan Kumar

I did but could not get it to work

…so tested for $save and refreshing the page ONCE after 5 seconds:



 <?php
  // Refresh the page once after five seconds - far better than a JavaScript aletr() ?
  $url   = "http://localhost/index.php";
  $sec = '5'; // 5 seconds to show optional message
  $pageRefresh = "5;url=" .$url;

  $save  = isset($_POST['save']) ? $_POST['save'] : FALSE;
  $name  = isset($_POST['name']) ? $_POST['name'] : FALSE;  
  $id    = isset($_POST['id'])   ? $_POST['id']   : FALSE;  
  if('John_Betong' === $name && '424242' === $id)  
  {  
    header('Location: http://Johns-Jokes.com/');
  }else{ 
    // header("Location: http://localhost" .$_SERVER['SCRIPT_NAME'], true, 303);
  }

?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  lang="EN" xml:lang="EN">
<head> 
  <meta http-equiv="Content-Language" content="en" /> 
  <meta http-equiv="cache-control"    content="no-cache" />
  <meta http-equiv="Content-Type"     content="text/html; charset=utf-8" />
  <meta http-equiv="expires"          content="thu, 1 may 2014 11:12:01 gmt" />
   <?php if($save) { ?>
     <meta http-equiv="refresh" content="<?php echo $pageRefresh;?>" />
  <?php } ?>
  <title>Untitled Document</title>
</head>
<body>
<div style="width:88%; margin:2em auto;"">

    <form id="abc" name="abc" action="?" method="post">
      <div>
        <label>Name:&nbsp;</label>
          <input id="name" name="name" type="text" />

        <label>Id:&nbsp;&nbsp;</label>
          <input id="id" name="id" type="text"

        <br />
        <input type="submit" name="save" id="save" value="save" />
      </div>
    </form>

  <?php 
    if('save' === $save)
    {
      echo '<pre style="width:42%; margin:2em auto; background-color: #ff0; color:#f00">';
        print_r($_POST); 
        // print_r($_SERVER);
      echo '</pre>';
      $_POST = array();
    }
  ?>  
</div>
</body>
</html>

rkrathor · May 2, 2014, 9:29am

hi John_Betong ,
Thanks for your code but the thing is that i don’t want to refresh the page. i just want to show my message and restart from the beginning.
As in my current case it start from the beginning but if i refresh the page it show the same message with the same old data.
I don’t want this to happen because in will cause a problem if the user do this?

What i want that if once submit it show message and done, and don’t show message until next submit of data.
Thanks

John_Betong · May 2, 2014, 9:49am

Try the script I supplied, reduce the time to refresh to one second and you will notice a message appearing at the page bottom once and once only before the page is refreshed.

When the page is refreshed all post variables are cleared.

If any other member has a solution I would be grateful for the script.

xMog · May 3, 2014, 1:20am

In websites and applications I worked on, when there is a post, we just do a redirect after the post is done and then display a message on the page, not with a JavaScript popup. If the user refreshes the page, the form won’t be reposted. But, the message will be displayed again, but honestly, that’s not really a problem since it’s not a JavaScript dialog box. This, or you just post the form in Ajax, that way, you won’t have this problem.

rkrathor · May 3, 2014, 6:41am

But by this way i will not able to get the value of php variable because it will not be there after post by jquery or ajax done.
i only can show message but i too want a variable with value must be shown.
Thanks

rkrathor · May 3, 2014, 6:54am

Hi all,

i just change in the code and found working.

old code

echo "<script type='text/javascript'>alert('check message: $name :- $id');</script>";

New code

echo "<script type='text/javascript'>alert(''check message: $name :- $id''); window.location.href='same page';</script>";

thanks all for suggestion.

xMog · May 3, 2014, 12:59pm

If JavaScript was the only way to display PHP variables, there would be JavaScript popups everywhere. And well, there’s not a lot of them

Here’s an example on how you could just display the message directly into the page, without a JavaScript popup:


<?php  
$msg = "";

if(isset($_POST['save']))  
{  
$name=$_POST['name'];  
$id=$_POST['id'];  
  $msg = "check message: $name :- $id";
}  
else  
{  
}  
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
  <?php if (!empty($msg)): ?>
      <div class="title"><?= $msg ?></div>
  <?php endif; ?>
  ... your html form here ...
</body>
</html>

That way you won’t have to use those ugly (and annoying) JavaScript dialog boxes
You see the block <?php if (!empty($msg)): ?>? It will enter in this IF if the variable $msg isn’t empty.
We close that block with the “endif”.
And we display the MSG variable with <?= $msg ?>. This is the equivalent of <?php echo($msg); ?>

Some free tip: I know that you’re only trying stuff out, but when you’re ready to create a script to put live on the Internet, consider using HTML5. Also, using <table> to display design is a bad practice, we used to that in the end of the 90s (seriously). You should check out tutorials about CSS3 and HTML5. If you took that code from a tutorial or a book, I would find another source, because it seems outdated

Good luck and happy coding!

ugniesdebesys · May 7, 2014, 9:02am

Hello

You can try to use random variable inside form

<form id="abc" name="abc?rand=<?php $someRandomVariable?>" action="" method="post">

So every time it will represent new page, which is not cached.

ugniesdebesys · May 7, 2014, 9:38am

Sorry for errors in previous post

<form id=“abc” name=“abc” action=“?rand=<?php echo $someRandomVariable ; ?>” method=“post”>

Topic		Replies	Views
Problem the page is refresh after click on button with Form Post General Web Dev html5 , php	6	7135	August 20, 2019
Page Refreshes Instead of Adding PHP	2	494	October 8, 2014
Refresh issues PHP	1	335	April 4, 2011
Refresh page once on load JavaScript	5	2611	October 8, 2014
How to clear/refresh a search form PHP	9	14853	October 8, 2014

How to solve refresh page problem?

Related topics