php - Display "Please Wait" between form submission and redirect - Stack Overflow

admin管理员组

文章数量:1330954

I have a page that contains an HTML form that submits back to itself once the user clicks a link in a list of returned search results. Once they click the link, the page takes the submitted variables, runs a bunch of searches on various external APIs, parses a bunch of data, and adds a bunch of stuff to the database, then redirects to a new page that has been created from that data.

All the searching and parsing can take up to six or seven seconds; I'd like to be able to show the user a "Please Wait" kind of message while all that work is happening behind the scenes.

Trouble is, I can't show and hide a DIV because it will screw up my PHP redirect if I've already generated output before the

header('Location: ' . $newURL);

mand. I've searched around for answers but while there are many that are similar, none of them are close enough to my specific situation that I can hack around them.

I'd be grateful if someone could point me in the right direction.

---

Updated version which now works, courtesy @Izkata from his ments below:

jQuery("a").bind('click', function() {
  jQuery('#feedback')[0].innerHTML = 'Searching, please wait...';
})

Turned out what I needed to do was assign bind a the message to the click of a link, not to 'submit', as submit was looking for form data.

I have a page that contains an HTML form that submits back to itself once the user clicks a link in a list of returned search results. Once they click the link, the page takes the submitted variables, runs a bunch of searches on various external APIs, parses a bunch of data, and adds a bunch of stuff to the database, then redirects to a new page that has been created from that data.

All the searching and parsing can take up to six or seven seconds; I'd like to be able to show the user a "Please Wait" kind of message while all that work is happening behind the scenes.

Trouble is, I can't show and hide a DIV because it will screw up my PHP redirect if I've already generated output before the

header('Location: ' . $newURL);

mand. I've searched around for answers but while there are many that are similar, none of them are close enough to my specific situation that I can hack around them.

I'd be grateful if someone could point me in the right direction.

---

Updated version which now works, courtesy @Izkata from his ments below:

jQuery("a").bind('click', function() {
  jQuery('#feedback')[0].innerHTML = 'Searching, please wait...';
})

Turned out what I needed to do was assign bind a the message to the click of a link, not to 'submit', as submit was looking for form data.

• php
• javascript
• ajax

Share Improve this question Follow edited Oct 11, 2012 at 19:15 Julien Poulin 13k1010 gold badges5353 silver badges7676 bronze badges asked Oct 11, 2012 at 15:44 NeilNeil 9511 gold badge22 silver badges88 bronze badges 3

• 1 You can use javascript to do redirection. – hjpotter92 Commented Oct 11, 2012 at 15:48
• User clicks submit, then you show your please wait whilst you have posted the form with ajax, then on success responce use javascript to redirect to the results page. – Lawrence Cherone Commented Oct 11, 2012 at 15:49
• possible duplicate of How can I make the browser wait to display the page until it's fully loaded? – mario Commented Oct 11, 2012 at 15:52

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 4

The simplest way I can think of doesn't require the server to do anything:

<div id='wait_message' style='display: none;'>
   Please wait while search is in progress...
</div>

...

$$('.links').observe('click', function(e) {
   $('wait_message').show();
});

(Event is written using Prototype.js; you should use whatever is appropriate (JQuery/mootools/etc))

---

Using the example page in the ments, this works - it runs in Firebug, so just putting it on your page somewhere should work just fine.:

jQuery('#newMovieSearchForm').bind('submit', function() {
   jQuery('#feedback')[0].innerHTML = 'Searching, please wait...';
})

There's probably a jQuery-way to update the text instead of using innerHTML, but I don't know it - we don't use jQuery here.

You are right, you won't be able to output data to the screen and then try to redirect afterwards using PHP. You could acplish this by echoing JS:

echo 'Please wait...';
// Time-intensive PHP here
echo '<script>window.location = "new-location.php";</script>';

You can do something like this:

First, take care of output buffering, i.e. you want php to display output as it executes - you don't want it to buffer.

That way, you can output some html that will show a "loading.." sort of thing.

And, will wait for the script to end it's execution.

Once, you are done with php, redirect using a meta tag, something like:

echo '<meta http-equiv="refresh" content="5;URL=\'http://example./\'">';

本文标签： phpDisplay quotPlease Waitquot between form submission and redirectStack Overflow