How to redirect a page after reloading with location.reload()?

Question

I have a view which can either display a form for creating/editing record like below:

Create

<form action="http://localhost:8000/academics" method="post" class="form-horizontal" id = "add_academic_form" role="form">

or

Edit

<form action="http://localhost:8000/academics/1" method="put" class="form-horizontal" id = "edit_academic_form" role="form">

When the user first visit the page, if there was no record, then the create form is shown.

Once the user click 'next' button, ajax is use to submit the form and redirect to the next page. Once on the next page, if the user clicks 'previous button', he is redirect back to the previous page and now since there is a record, the edit form is shown populated with the just created resource.

This works well if I trust the user to use the different buttons provided (next and previous) but becomes a problem if the user first visit the page, click next to create record, and from the next page, hit the back button of the browser and click next again which inserts the record multiple times. How can I solve this problem?

I tried an approach like so which doesn't seems to work:

function tough_guy(){
    location.reload()
    window.location.href = data.redirect
}

After ajax success, reload page (so that the form switch happens) and then redirect to next page. It only redirects but doesn't reload first.

window.location.href = data.redirect; this code is not accessible since it resides after location.reload() method — Frebin Francis, Jan 06 '16 at 06:45
Actually the redirect happens. The reload doesn't seem to work. — Fokwa Best, Jan 06 '16 at 06:53

score 1 · Answer 1 · answered Jan 06 '16 at 07:07

1

header("location:home.php");

instead of home put your file location that you want to go!!. it works for me

answered Jan 06 '16 at 07:07

Hlaing Tin Htun

17
1
8

score 0 · Answer 2 · edited May 23 '17 at 12:23

0

Unable to comment so posting as answer, I could not understand your question completely, but I hope the following helps.

Try using header

header('Location: http://yourpage.com/yourphp.php');

source: Prevent resubmit form after click "back" button

edited May 23 '17 at 12:23

Community

1
1

answered Jan 06 '16 at 06:47

prats1411

162
12

score 0 · Answer 3 · answered Jan 06 '16 at 07:07

0

Use History api to remove the state or replace the state with the corresponding states. This will avoid the exact problem

https://developer.mozilla.org/en/docs/Web/API/History

answered Jan 06 '16 at 07:07

udnisap

899
1
10
19

How to redirect a page after reloading with location.reload()?

3 Answers3