How can I show a 'please wait' message while waiting for server response?

Question

0.00/5 (No votes)

See more:

I am using PHP coding to get some data from SQL tables or to insert data, it takes a few seconds, causing the user to hit the form submit button several times, leads to duplicate the entered data!
Is there any way to show a 'Please wait' message, locking the screen?

What I have tried:

I tried using some ready made javascript using ajax codes, but all of them are focusing on web page loading, my issue is that, the page is already loaded, form data is completed, and user is waiting for server response!

Posted 15-Sep-20 8:02am

Member 14819235

Updated 15-Sep-20 10:21am

Add a Solution

Comments

ZurdoDev 15-Sep-20 14:30pm

Also, in Javascript you can disable the submit button when they click it. Lots of examples online.

[no name] 15-Sep-20 20:39pm

"Please wait" won't keep them from hitting the button; you need to think of something else to keep from getting "duplicate data."

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sandeep Mewara · Accepted Answer · 2020-09-15T10:22:00

Quote:
but all of them are focusing on web page loading, my issue is that, the page is already loaded, form data is completed, and user is waiting for server response

On the event trigger when you wait for the server response, on client side using jQuery/JavaScript, play with CSS to setup an overlay or a message as desired. Once response is back, toggle back the css. Main part of the CSS would be to have a style with high z-index to kind of give an overlay feel (thus, page would be unclickable).

Try this: How to Show Loading Spinner in jQuery[^]