Page reload in javascript

Question

I have a login page which takes the user name and password and directs it to a controller. If the login information is correct, the controller sends some data to be displayed on the home page.

Now, I want to provide a link on the home page that enables the user to refresh the page on a click. This should resubmit the username and password and the page is reloaded, i.e. F5 functionality. My current code :

Please <a href='#' onclick='location.reload(true);'> refresh the page </a>

is not exhibiting the form resubmission from the login page. How may I achieve this? Any ideas regarding this would be very helpful.

Presumably this is a POST form? What about the form inputs? Are they being populated after the initial refresh? Why do you need to submit the data again? Why can't you do whatever it is you need to do with the values the first time round? — George
– George, Commented Jan 31, 2014 at 9:06
Yes, this is a POST form. I need to resubmit the data because the userid helps me to populate a table whose data is fetched from the database. — Ankur Chachra
– Ankur Chachra, Commented Jan 31, 2014 at 9:13
Don't you already have the user information in a session. If he is logged in already. — andho
– andho, Commented Jan 31, 2014 at 9:16

Ashley Medway · Accepted Answer · 2014-01-31 09:19:10Z

3

Nice cross-browser support.

To Reload the page.

window.location.replace(window.location.href);

To submit a form. Where <form id="myForm" ... >.

document.getElementById("myForm").submit();

Documentation
Replace / Href / Submit

edited Jan 31, 2014 at 9:19

answered Jan 31, 2014 at 9:06

Ashley Medway

7,3197 gold badges54 silver badges73 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

andho Over a year ago

This does not resubmit the login form.

Ashley Medway Over a year ago

that depends on if the form is GET or POST

George Over a year ago

Submitting a Username and Password I think it's probably POST

Ankur Chachra Over a year ago

I have a POST form on the login page.

ffurrer · Accepted Answer · 2014-01-31 09:08:52Z

0

You could do this:

Please <a href='#' onclick='document.getElementById("myForm").submit();'> refresh the page </a>

And just having a hidden form again, if the form is not present any more.

from http://www.w3schools.com/jsref/met_form_submit.asp

answered Jan 31, 2014 at 9:08

ffurrer

1057 bronze badges

Comments

Nimmagadda Gowtham · Accepted Answer · 2014-01-31 09:10:03Z

0

function reloadPage()
{
location.reload();
}

call this function on click of your link

onclick="reloadPage()"

I think this works .

answered Jan 31, 2014 at 9:10

Nimmagadda Gowtham

2705 silver badges19 bronze badges

Comments

Indra Yadav · Accepted Answer · 2014-01-31 09:12:45Z

0

Try one of following -

window.location.reload();
history.go(0);
window.location.href=window.location.href;

answered Jan 31, 2014 at 9:12

Indra Yadav

5965 silver badges22 bronze badges

Comments

IronNico · Accepted Answer · 2014-01-31 09:20:03Z

0

did you try to resend the form with hidden fields?

<form id="formId" action="#">
<input type="hidden" id="user" value="#{userValue}" />
<input type="hidden" id="pass" value="#{passValue}" />
</form>

Please <a href='#' onclick='$("#formId").submit();'> refresh the page </a>

answered Jan 31, 2014 at 9:20

IronNico

113 bronze badges

Collectives™ on Stack Overflow

Page reload in javascript

5 Answers 5

4 Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

4 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related